:root{--bg: #000000;--cyan: #22d3ee;--blue: #3b82f6;--violet: #a855f7;--pink: #ec4899;--ink: #eef2ff;--muted: #9aa4bf;--glass: rgba(255, 255, 255, .04);--glass-brd: rgba(255, 255, 255, .09);--wa: #25d366;--ig: #e1306c;--mail: #38bdf8}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Sora,system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;min-height:100dvh;-webkit-font-smoothing:antialiased}#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,rgba(120,180,255,.55),transparent 70%),radial-gradient(50% 40% at 70% 30%,rgba(168,85,247,.45),transparent 70%);opacity:0;mix-blend-mode:screen}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(0,0,0,.75) 100%)}.stage{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px;perspective:1200px}.card{position:relative;width:min(430px,100%);padding:30px 28px 22px;border-radius:26px;background:linear-gradient(180deg,#1418288c,#080a169e);border:1px solid var(--glass-brd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff14;text-align:center;transform-style:preserve-3d;will-change:transform}.card:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:27px;padding:1.5px;background:conic-gradient(from var(--a, 0deg),transparent 0deg,var(--cyan) 60deg,transparent 130deg,var(--violet) 230deg,transparent 300deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;animation:spin 6s linear infinite}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin{to{--a: 360deg}}.card-glow{position:absolute;inset:-40% -10% auto -10%;height:60%;background:radial-gradient(50% 100% at 50% 0%,rgba(59,130,246,.35),transparent 70%);filter:blur(20px);pointer-events:none;z-index:-1}.avatar{position:relative;width:102px;height:102px;margin:0 auto 14px}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(from 0deg,var(--cyan),var(--violet),var(--pink),var(--cyan));animation:spin 4s linear infinite;filter:drop-shadow(0 0 18px rgba(80,160,255,.55))}.avatar-core{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1b2036,#05060d);display:grid;place-items:center;border:2px solid rgba(0,0,0,.6);overflow:hidden}.avatar-core .monogram{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:42px;letter-spacing:1px;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.avatar-core img{width:100%;height:100%;object-fit:cover}.avatar-status{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:11px;color:#d7f9e6;background:#06140ecc;border:1px solid rgba(37,211,102,.35);padding:3px 10px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar-status span{width:7px;height:7px;border-radius:50%;background:var(--wa);box-shadow:0 0 8px var(--wa);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(27px,7vw,35px);line-height:1.05;letter-spacing:-.5px;background:linear-gradient(100deg,#ffffff 10%,var(--cyan) 40%,var(--violet) 70%,#ffffff 95%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:220% center}}.role{margin-top:6px;margin-bottom:22px;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.role-text{position:relative;padding-bottom:8px}.role-text:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);border-radius:2px;animation:underline 3.4s ease-in-out infinite}@keyframes underline{0%,to{width:20%;opacity:.5}50%{width:78%;opacity:1}}.bio{margin:20px auto 0;max-width:340px;font-size:14px;line-height:1.7;color:#c3cce6;font-weight:300}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 26px}.chip{font-size:11.5px;letter-spacing:.4px;color:#cfe3ff;padding:6px 12px;border-radius:999px;background:#5082ff14;border:1px solid rgba(120,160,255,.18);transition:transform .25s,background .25s,box-shadow .25s}.chip:hover{transform:translateY(-2px);background:#5082ff29;box-shadow:0 6px 18px #3b82f640}.links{display:flex;flex-direction:column;gap:10px}.link{position:relative;display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:15px;text-decoration:none;color:var(--ink);background:var(--glass);border:1px solid var(--glass-brd);overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;transform-style:preserve-3d}.link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s ease}.link:hover:before{transform:translate(120%)}.link:hover{transform:translateY(-3px);border-color:var(--accent, rgba(255,255,255,.28));box-shadow:0 12px 30px #00000073,0 0 24px var(--glow, rgba(120,160,255,.25))}.link-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex-shrink:0;color:#fff;background:var(--accent, #2b3350);box-shadow:inset 0 1px #ffffff40,0 0 14px var(--glow, transparent)}.link-tx{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;text-align:left}.link-tx b{font-size:15px;font-weight:600}.link-tx i{font-size:12px;font-style:normal;color:var(--muted)}.link-arrow{font-size:18px;color:var(--muted);transition:transform .28s,color .28s}.link:hover .link-arrow{transform:translate(4px);color:#fff}.link.wa{--accent: var(--wa);--glow: rgba(37,211,102,.4)}.link.ig{--accent: var(--ig);--glow: rgba(225,48,108,.4)}.link.mail{--accent: var(--mail);--glow: rgba(56,189,248,.4)}.link.ig .link-ic{background:linear-gradient(45deg,#f09433,#e6683c 30%,#dc2743 50%,#cc2366 75%,#bc1888)}.foot{margin-top:16px;font-size:11px;color:#6b7495;letter-spacing:.3px}@keyframes riseIn{0%{transform:translateY(18px)}to{transform:none}}@keyframes popIn{0%{transform:scale(.65)}to{transform:none}}.avatar{animation:popIn .7s cubic-bezier(.2,.8,.2,1) .1s both}.name{animation:riseIn .6s ease .2s both}.role{animation:riseIn .6s ease .3s both}.links .link{animation:riseIn .5s ease both}.links .link:nth-child(1){animation-delay:.4s}.links .link:nth-child(2){animation-delay:.5s}.links .link:nth-child(3){animation-delay:.6s}.foot{animation:riseIn .6s ease .7s both}@keyframes strike{0%{opacity:0}8%{opacity:.9}16%{opacity:.12}26%{opacity:.7}42%{opacity:0}to{opacity:0}}.flash.strike{animation:strike .7s ease-out}@media(max-width:600px){html,body{height:100dvh;overflow:hidden}.stage{padding:0;height:100dvh;overflow:hidden}.card{width:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;padding:14dvh 26px 26px;background:linear-gradient(180deg,#0c0f1c66,#05071085);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:none}.card:before{top:7px;left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom,0px));border-radius:22px;padding:2.5px;background:conic-gradient(from var(--a),var(--cyan),var(--blue),var(--violet),var(--pink),var(--cyan));opacity:.95}.role{letter-spacing:2px}.links{margin-top:clamp(34px,6dvh,90px)}}@media(max-height:720px){.stage{padding:0}.card{padding:14dvh 22px 16px}.avatar{width:84px;height:84px;margin-bottom:10px}.avatar-core .monogram{font-size:34px}.name{font-size:clamp(24px,6.5vw,30px)}.role{margin-bottom:16px;font-size:13px}.links{gap:8px}.link{padding:10px 14px}.link-ic{width:38px;height:38px}.foot{margin-top:12px}}@media(max-height:560px){.avatar{width:66px;height:66px;margin-bottom:8px}.avatar-core .monogram{font-size:27px}.name{font-size:24px}.role{margin-bottom:12px}.link{padding:8px 13px}}@media(prefers-reduced-motion:reduce){.avatar-ring,.card:before,.name,.role-text:after,.avatar-status span,.card,.avatar,.role,.bio,.chips .chip,.links .link,.foot{animation:none!important;opacity:1!important;transform:none!important}}