:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#050510;--panel:#ffffff13;--panel-strong:#ffffff1f;--line:#ffffff29;--muted:#f8fbffad;--cyan:#62e6ff;--blue:#6d7dff;--green:#9effc2;--pink:#ff6fae;background:#050510;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 80% 0,#6d7dff47,#0000 34%),radial-gradient(circle at 0 18%,#62e6ff2e,#0000 28%),#050510;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}.progress{z-index:50;transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--blue), var(--pink));height:3px;position:fixed;top:0;left:0;right:0}.noise{pointer-events:none;z-index:1;opacity:.22;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}main{z-index:2;position:relative}.section{width:min(1240px,100vw - 34px);margin:0 auto;padding:110px 0}.nav{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0505109e;border-radius:999px;gap:8px;padding:8px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #00000040}.nav a{color:#ffffffc7;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:750;text-decoration:none}.nav a:hover{color:#fff;background:#ffffff1a}.hero{grid-template-columns:minmax(0,1fr) clamp(300px,29vw,390px);align-items:center;gap:clamp(34px,5vw,86px);min-height:100svh;padding-top:140px;display:grid;position:relative}.hero__aurora{aspect-ratio:1;filter:blur(28px);background:radial-gradient(circle,#62e6ff61,#6d7dff38 34%,#ff6fae24 55%,#0000 72%);border-radius:50%;width:min(62vw,760px);position:absolute;top:8%;right:-18%}.hero__content,.signal-card{z-index:2;position:relative}.kicker{color:var(--green);text-transform:uppercase;letter-spacing:.18em;margin:0 0 16px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}.hero__name{white-space:nowrap;letter-spacing:-.085em;width:max-content;max-width:100%;margin-bottom:12px;font-size:clamp(2.8rem,6.1vw,5.55rem);line-height:.88}.hero__role{color:#a8efffc2;letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(1.1rem,2.4vw,2rem);font-weight:850}h2{letter-spacing:-.065em;margin-bottom:0;font-size:clamp(2.2rem,5.2vw,5rem);line-height:.94}h3{letter-spacing:-.04em;font-size:clamp(1.35rem,2.3vw,2rem)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--line);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:850;text-decoration:none;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.button:hover{background:#ffffff21;border-color:#ffffff52;transform:translateY(-2px)}.button--primary{color:#050510;background:linear-gradient(135deg,#f8fbff,#a8efff);border-color:#0000}.keyword-panel{max-width:680px}.keyword-row{flex-wrap:wrap;gap:10px;display:flex}.keyword{appearance:none;color:#ffffffb8;min-height:46px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff24;border-radius:999px;padding:0 16px;font-size:.95rem;font-weight:900;transition:transform .2s,background .2s,color .2s,border-color .2s}.keyword:hover{color:#fff;border-color:#ffffff4d;transform:translateY(-2px)}.keyword.is-active{color:#061018;background:linear-gradient(135deg,#62e6fff2,#9effc2e6);border-color:#0000;box-shadow:0 18px 54px #62e6ff2e}.keyword-detail{color:#f8fbffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05051057;border:1px solid #ffffff1f;border-radius:22px;max-width:620px;min-height:78px;margin:16px 0 0;padding:16px 18px;line-height:1.55}.signal-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1d,#ffffff09);border-radius:36px;min-height:500px;padding:26px;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 32px 100px #0000005c}.signal-card__top{align-items:center;gap:10px;display:flex}.signal-card__dot{background:var(--green);width:12px;height:12px;box-shadow:0 0 32px var(--green);border-radius:50%;display:inline-block}.signal-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.74rem;font-weight:900}.signal-card strong{letter-spacing:-.075em;max-width:250px;margin-top:30px;font-size:clamp(2.3rem,4vw,3.4rem);line-height:.88;display:block}.signal-visual{background:radial-gradient(circle,#62e6ff29,#0000 58%),linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff1a;border-radius:28px;position:absolute;inset:150px 26px 92px;overflow:hidden}.signal-visual:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.signal-line{filter:drop-shadow(0 0 18px #62e6ffb3);background:linear-gradient(90deg,#0000,#62e6ff1a,#62e6ffe6,#9effc2cc,#0000);height:2px;animation:3.8s ease-in-out infinite signalSweep;position:absolute;top:50%;left:-12%;right:-12%}.signal-line--two{opacity:.58;animation-delay:-.9s;top:38%}.signal-line--three{opacity:.42;animation-delay:-1.8s;top:62%}.signal-visual i{background:#eaffff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #62e6fff2,0 0 90px #62e6ff8c}.signal-card__caption{line-height:1.45;position:absolute;bottom:28px;left:28px;right:28px;color:#f8fbffb8!important;text-transform:none!important;letter-spacing:0!important;font-size:1rem!important}.intro-grid{grid-template-columns:1fr .8fr;align-items:end;gap:30px;display:grid}.statement{border:1px solid var(--line);background:var(--panel);border-radius:34px;padding:34px}.statement--muted p{color:var(--muted);font-size:1.12rem;line-height:1.7}.section-head{max-width:860px;margin-bottom:44px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel-strong), #ffffff0b);border-radius:32px;min-height:320px;padding:28px;transition:transform .25s,border-color .25s;box-shadow:0 24px 80px #00000040}.project-card:hover{border-color:#62e6ff6b;transform:translateY(-6px)}.project-card p{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.project-card span{color:var(--muted);line-height:1.65}.project-card div{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.project-link{width:fit-content;color:var(--cyan);margin-top:22px;font-weight:900;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--pink)}em{color:#ffffffb8;border:1px solid #ffffff24;border-radius:999px;padding:8px 10px;font-size:.78rem;font-style:normal;font-weight:750}.lab-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lab-card{border:1px solid var(--line);background:linear-gradient(160deg,#62e6ff21,#ffffff0e 44%,#ff6fae1a);border-radius:34px;flex-direction:column;justify-content:flex-end;min-height:360px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 90px #00000047}.lab-card:before{content:"";aspect-ratio:1;filter:blur(12px);opacity:.4;background:radial-gradient(circle,#ffffff6b,#0000 64%);border-radius:50%;width:210px;position:absolute;top:-60px;right:-70px}.lab-card span{color:#ffffff6b;letter-spacing:-.08em;font-size:4rem;font-weight:950;position:absolute;top:22px;left:24px}.lab-card h3,.lab-card p{z-index:2;position:relative}.lab-card p{color:var(--muted);margin:0;line-height:1.6}.skill-cloud{flex-wrap:wrap;gap:12px;display:flex}.skill-cloud span{border:1px solid var(--line);letter-spacing:-.04em;background:#ffffff12;border-radius:999px;padding:clamp(16px,3vw,32px);font-size:clamp(1rem,2.5vw,2rem);font-weight:850}.timeline-list{gap:12px;display:grid}.timeline-item{border:1px solid var(--line);background:#ffffff0e;border-radius:26px;grid-template-columns:180px 1fr;gap:22px;padding:22px;display:grid}.timeline-item strong{color:var(--green)}.timeline-item p{color:var(--muted);margin:0;line-height:1.6}.contact-card{background:radial-gradient(circle at 80% 10%,#62e6ff33,#0000 32%),linear-gradient(145deg,#ffffff24,#ffffff0e);border:1px solid #ffffff38;border-radius:42px;padding:clamp(28px,7vw,72px);box-shadow:0 40px 120px #00000061}.contact-card h2{max-width:900px}.contact-card__lead{max-width:680px;color:var(--muted);margin-top:22px;font-size:1.1rem;line-height:1.65}@keyframes signalSweep{0%,to{opacity:.35;transform:translateY(18px)scaleX(.72)}50%{opacity:1;transform:translateY(-16px)scaleX(1)}}@media (width<=820px){.section{width:min(100% - 24px,1180px);padding:82px 0}.nav{justify-content:flex-start;max-width:calc(100vw - 18px);overflow-x:auto}.hero,.intro-grid,.project-grid,.timeline-item,.lab-grid{grid-template-columns:1fr}.hero{gap:20px;padding-top:120px}.hero__name{white-space:normal;width:auto}.signal-card{min-height:360px}.signal-visual{inset:132px 22px 78px}.lab-card{min-height:260px}}@media (width<=520px){.hero__name{font-size:clamp(2.55rem,13vw,4.2rem)}.keyword-detail{min-height:116px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}