@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000;--ink:#ededed;--muted:#94a3b8;--line:rgba(255,255,255,.10);--cyan:#67e8f9;--violet:#a78bfa;--body:Geist,Arial,sans-serif;--mono:'Geist Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--cyan) #080808;overflow-x:clip}html::-webkit-scrollbar{width:16px}html::-webkit-scrollbar-track{background:#ffffff08}html::-webkit-scrollbar-thumb{background:var(--cyan);background-clip:padding-box;border:2px solid #000;border-radius:999px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:6px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shell{position:relative;max-width:1240px;margin:auto;padding:0 44px}.skip{position:fixed;left:20px;top:-80px;background:var(--cyan);color:#000;padding:12px;z-index:100}.skip:focus{top:80px}
header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;z-index:10;gap:20px}header::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#000c,#0005,transparent);pointer-events:none}.identity{font-weight:750;font-size:17px;letter-spacing:-.055em;min-width:176px;text-align:center;padding:10px 19px;border:1px solid var(--line);border-radius:999px;background:#0006;backdrop-filter:blur(12px);transition:color .2s}.identity:hover{color:var(--cyan)}nav{display:flex;align-items:center;gap:26px;padding:13px 27px;border:1px solid var(--line);border-radius:999px;background:#0006;backdrop-filter:blur(12px)}nav a{font-size:13px;font-weight:500;color:#d1d5db;transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--cyan)}.contact{font-size:13px;font-weight:600;border:1px solid #fff3;border-radius:999px;padding:11px 23px;background:#ffffff1a;backdrop-filter:blur(12px);transition:background .2s}.contact:hover{background:#fff3}
.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.glow{position:absolute;width:660px;height:660px;border-radius:50%;filter:blur(80px);opacity:.65;will-change:transform}.glow-cyan{top:-370px;left:calc(50% - 650px);background:radial-gradient(circle,#22d3ee28,transparent 65%);animation:drift-a 22s ease-in-out infinite}.glow-violet{right:-290px;top:35%;background:radial-gradient(circle,#8b5cf62b,transparent 65%);animation:drift-b 26s ease-in-out infinite}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#ffffff5c .7px,transparent 1px),radial-gradient(circle,#67e8f942 .7px,transparent 1px),radial-gradient(circle,#a78bfa55 .8px,transparent 1px);background-size:137px 173px,223px 211px,317px 283px;background-position:19px 42px,74px 12px,170px 82px;opacity:.48;mask-image:linear-gradient(transparent,#000 25%,#000 85%,transparent)}
.intro{position:relative;text-align:center;padding:54px 0 38px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:#67e8f9b3;margin-bottom:18px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px 3px #22d3ee66}h1{font-size:clamp(48px,6.2vw,78px);font-weight:650;letter-spacing:-.065em;line-height:1.05;margin:0 0 20px;color:#fff}h1>span{font-weight:300;color:#a5f3fc}.intro>p{color:var(--muted);font-weight:300;font-size:15px;line-height:1.75;margin:0}.degree{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;color:#94a3b8;border:1px solid var(--line);background:#ffffff04;border-radius:999px;padding:9px 15px;margin-top:24px}.degree-dot{width:4px;height:4px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 8px #6ee7b744}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;scroll-margin-top:20px}.card{--accent:#67e8f9;--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#050a10d9,#080710d9);overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.card-tech{--accent:#60a5fa}.card-banking{--accent:#6ee7b7}.card-bio{--accent:#a78bfa}.card-research{--accent:#67e8f9}.card-full{--accent:#c4b5fd}.card::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(120deg,#000b,transparent 75%);pointer-events:none}.card::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),#67e8f91a,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover,.card:focus-within{border-color:#ffffff38;transform:translateY(-4px);box-shadow:0 8px 32px #0005}.card:hover::after,.card:focus-within::after{opacity:1}.card-main{display:flex;flex-direction:column;position:relative;min-height:285px;height:100%;padding:25px 26px 0}.card-main::before{content:'';position:absolute;top:0;height:1px;left:28px;right:28px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon{display:grid;place-items:center;width:36px;height:36px;color:var(--accent)}.icon svg{width:29px;height:29px}.format{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:#64748b;text-transform:uppercase}.format span{padding:0 6px;color:#334155}h2{font-size:24px;font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0 0 13px;color:#f8fafc}.card p{font-size:13px;font-weight:300;color:#94a3b8;line-height:1.8;margin:0 0 21px;min-height:47px}.tags{display:block;font:8px/1.8 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:22px;min-height:15px}.view{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #ffffff12;padding:17px 38px 19px 0;color:#cffafe;font-size:11px;font-weight:500}.view svg{width:16px;height:16px;transform:rotate(-45deg);transition:transform .2s}.card:hover .view svg{transform:rotate(-45deg) translateX(3px)}.download{position:absolute;right:15px;bottom:8px;width:40px;height:40px;display:grid;place-items:center;color:#94a3b8;border-radius:50%;transition:background .2s,color .2s}.download:hover{background:#ffffff0d;color:var(--accent)}.download svg{width:16px;height:16px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:37px;padding:25px 0 30px;font-size:10px;color:#64748b}footer>div{display:flex;gap:23px}.footer-dot{padding:0 7px}footer a:hover{color:var(--cyan)}
@keyframes drift-a{50%{transform:translate(40px,30px)}}@keyframes drift-b{50%{transform:translate(-35px,-25px)}}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding:0 28px}.intro{padding-top:44px}.card-main{min-height:280px}}
@media(max-width:600px){header{padding:16px;gap:10px}.identity{font-size:14px;min-width:0;padding:10px 14px}.contact{padding:10px 16px;font-size:12px}nav{display:none}.shell{padding:0 20px}.intro{padding:38px 0 30px}.eyebrow{font-size:8px;letter-spacing:.24em}h1{font-size:53px}.intro>p{font-size:14px}.degree{font-size:8px;padding:9px 12px;gap:7px}.grid{grid-template-columns:1fr;gap:18px}.card{border-radius:22px}.card-main{min-height:0;padding:23px 24px 0}.card-top{margin-bottom:20px}.card p{min-height:0;max-width:360px}.card h2{font-size:25px}.tags{margin-bottom:22px}footer{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.glow{width:450px;height:450px;filter:blur(45px)}.glow-cyan{top:-180px;left:-180px}.glow-violet{right:-290px;top:45%}}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){html,html *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z' fill='white' stroke='black' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 5,auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.card:hover{transform:none}.glow{will-change:auto}}
