: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:78px 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:88svh;padding-top:110px;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}.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}.section-head{max-width:860px;margin-bottom:30px}.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}.skills-experience{border:1px solid var(--line);background:radial-gradient(circle at 50% 48%,#62e6ff21,#0000 34%),radial-gradient(circle at 72% 28%,#6d7dff21,#0000 34%),#ffffff09;border-radius:36px;min-height:560px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 36px 120px #00000052}.skills-stage{--dome-radius:clamp(220px, 27vw, 330px);perspective:980px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;border-radius:26px;place-items:center;min-height:528px;display:grid;position:relative;overflow:hidden}.skills-stage.is-dragging{cursor:grabbing}.skills-stage__grid{opacity:.62;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#000c 44%,#0000 78%);mask-image:radial-gradient(#000 0%,#000c 44%,#0000 78%)}.skills-stage__halo{aspect-ratio:1;border:1px solid #62e6ff21;border-radius:50%;width:min(76%,610px);position:absolute;box-shadow:inset 0 0 100px #62e6ff12,0 0 140px #6d7dff1f}.skills-dome{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:relative}.skill-tile{appearance:none;color:#fff;width:98px;height:98px;font:inherit;text-align:center;cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff29,#ffffff0b);border:1px solid #ffffff2b;border-radius:25px;align-content:center;justify-items:center;gap:7px;padding:8px;transition:border-color .24s,background .24s,box-shadow .24s;display:grid;position:absolute;top:-49px;left:-49px;box-shadow:inset 0 1px #ffffff29,0 20px 44px #0000004d}.skill-tile:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 24%,#ffffff38,#0000 48%);border-radius:18px;position:absolute;inset:8px}.skill-tile span{letter-spacing:-.07em;color:var(--cyan);text-shadow:0 0 22px #62e6ff66;font-size:1.45rem;font-weight:950;position:relative}.skill-tile small{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:.68rem;font-weight:850;position:relative;overflow:hidden}.skill-tile:hover{background:linear-gradient(145deg,#62e6ff3b,#6d7dff21);border-color:#9effc2b8;box-shadow:inset 0 1px #ffffff3d,0 0 32px #62e6ff33,0 24px 50px #00000057}.skills-stage__fade{pointer-events:none;background:radial-gradient(#0000 36%,#0505101f 58%,#050510db 94%);position:absolute;inset:0}.skills-stage__hint{color:#ffffff75;text-transform:uppercase;letter-spacing:.16em;pointer-events:none;margin:0;font-size:.66rem;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.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:58px 0}.nav{justify-content:flex-start;max-width:calc(100vw - 18px);overflow-x:auto}.hero,.project-grid,.timeline-item{grid-template-columns:1fr}.hero{gap:20px;min-height:auto;padding-top:105px}.hero__name{white-space:normal;width:auto}.signal-card{min-height:360px}.signal-visual{inset:132px 22px 78px}.skills-experience{min-height:500px;padding:10px}.skills-stage{--dome-radius:clamp(195px, 58vw, 270px);min-height:478px}.skill-tile{border-radius:22px;width:84px;height:84px;top:-42px;left:-42px}.skill-tile span{font-size:1.2rem}}@media (width<=520px){.hero__name{font-size:clamp(2.55rem,13vw,4.2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}