*,*:before,*:after{box-sizing:border-box}*{font-family:var(--font-shantell-sans)}body{margin:0;font-family:Inter,sans-serif;color:#5a2a4d}a{color:#c94f7c;text-decoration:none;position:relative;transition:color .15s ease}a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}a:hover:after{transform:scaleX(1)}.bg{position:fixed;inset:0;background-image:var(--bgUrl);background-size:cover;background-position:center;filter:blur(20px) brightness(1.05);transform:scale(1.2);z-index:-2}.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffb6c166,#fff0f599)}.wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card{width:100%;max-width:700px;padding:2rem;border-radius:28px;backdrop-filter:blur(20px);box-shadow:0 20px 60px #c94f7c40;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6)}.intro{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.profile{width:70px;height:70px;border-radius:50%;overflow:hidden;background:#fff9;border:2px solid rgba(255,255,255,.9)}.profile img{width:100%;height:100%;object-fit:cover;display:block}.meta-line{margin:.25rem 0 .5rem;font-size:.85rem;opacity:.75;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.dot{opacity:.4}.pronouns{margin:.2rem 0 .4rem;font-size:.85rem;font-weight:500;opacity:.8;font-style:italic}.description{margin:0;opacity:.85}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.contact-btn{user-select:none;font-size:.75rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(201,79,124,.4);background:#fff9;color:#c94f7c;cursor:pointer}.contact-btn:hover{background:#c94f7c1a;border-color:#c94f7cb3}.contact-wrapper{position:relative}.contact-popover{z-index:5;position:absolute;top:calc(100% + 10px);right:0;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none}.contact-popover.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.popover-inner{min-width:280px;padding:.6rem;border-radius:16px;background:#fff;border:1px solid rgb(255,255,255);display:flex;flex-direction:column;gap:.2rem}.email-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;font-size:.8rem;color:#5a2a4d;transition:background .15s ease}.email-row:hover{background:#c94f7c14}.divider{height:1px;margin:.3rem 0;background:#0000000f}.social-grid{display:grid;grid-template-columns:repeat(4,auto);gap:.6rem;justify-content:start}.social-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;background:transparent;transition:transform .15s ease,opacity .15s ease}.social-btn img{width:18px;height:auto;display:block;opacity:.65;transition:opacity .15s ease,transform .15s ease}.social-btn:hover img{opacity:1;transform:scale(1.08)}.social-btn:hover{transform:translateY(-1px)}.intro h1{margin:0}.intro p{margin:.2rem 0 0;opacity:.8}.current-position{margin:.25rem 0 0;font-size:.85rem;opacity:.85}.current-position a{color:#c94f7c;text-decoration:none;position:relative}.tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem}.tag,.project-tags span{user-select:none;font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:#ffc0cb80;border:1px solid rgba(255,182,193,.7);font-weight:500}.tag{cursor:pointer}.project-tags span{cursor:default}.tag:hover{transform:translateY(-1px) rotate(-.5deg);background:#ffc0cba6}.tag:active{transform:scale(.95)}.tag.active{color:#fff;background:#ff9ad5;border:1px solid rgb(252,214,221)}.project{margin-top:.9rem;padding:1.1rem;border-radius:16px;transition:.2s ease;background:#fff9;border:none;box-shadow:0 8px 20px #00000014}.project:hover{transform:translateY(-2px) scale(1.01)}.project-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.project-header h2{margin:0;font-size:1.1rem}.project-tags,.project-links{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.project-links a{font-size:.75rem;opacity:.85}.project-links a:hover{opacity:1}
