.site-header{z-index:50;padding:18px 0;transition:background .18s,border-color .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;position:fixed;inset:0 0 auto}.site-header.scrolled{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b12d1}.nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:11px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--purple-bright);background:#9b7cff1f;border:1px solid #b69cff5c;border-radius:11px;place-items:center;display:grid}.nav-links{align-items:center;gap:26px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .16s}.nav-links a:hover{color:#fff}.nav-menu-button{border:1px solid var(--border);background:var(--surface);color:#fff;cursor:pointer;border-radius:12px;width:42px;height:42px;display:none}@media (width<=760px){.site-header{padding:13px 0}.nav-menu-button{place-items:center;display:grid}.nav-links{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e17f5;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:12px;display:none;position:absolute;top:68px;left:14px;right:14px}.nav-links.open{display:flex}.nav-links li:last-child{margin-top:7px}.nav-links a{padding:12px;display:block}.nav-links .button{text-align:center}}.hero{align-items:center;min-height:100svh;padding:142px 0 76px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:70px;display:grid}.hero h1{letter-spacing:-.072em;max-width:860px;margin:20px 0 24px;font-size:clamp(3.1rem,7vw,4rem);line-height:.94}.hero h1 span{color:#0000;background:linear-gradient(120deg,#fff 5%,#cbbdff 55%,#f4c66f 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:-.1em;padding-bottom:.1em;display:block}.hero-description{max-width:720px;color:var(--text-muted);font-size:clamp(1.02rem,1.7vw,1.2rem)}.hero-description strong{color:var(--text-soft);font-weight:600}.hero .button-row{margin-top:32px}.hero-proof{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.proof-pill{border:1px solid var(--border);color:var(--text-muted);background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.proof-pill:before{content:"";background:var(--green);border-radius:999px;width:7px;height:7px}.profile-panel{isolation:isolate;flex-direction:column;display:flex;position:relative}.profile-panel .eyebrow{margin-bottom:24px}.profile-panel:before{content:"";z-index:-1;filter:blur(18px);background:linear-gradient(145deg,#9b7cff33,#f4b94212);border-radius:40px;position:absolute;inset:8% -8% -8% 12%}.profile-card{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:linear-gradient(155deg,#192032f0,#0c101bf5);border-radius:34px;overflow:hidden}.profile-visual{background:radial-gradient(circle at 50% 32%,#9b7cff57,#0000 30%),linear-gradient(160deg,#151b2a,#090c14);min-height:280px;position:relative;overflow:hidden}.profile-visual:after{content:"";background:linear-gradient(#0000,#090c14f5);height:42%;position:absolute;inset:auto 0 0}.profile-visual img{object-fit:contain;object-position:center bottom;filter:saturate(.88)contrast(1.04);width:100%;height:100%;min-height:280px;padding:32px 32px 0}.profile-status{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b12b8;border:1px solid #ffffff1f;border-radius:17px;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 18px 18px;padding:15px 16px;display:flex;position:relative}.profile-status strong{font-size:.9rem;display:block}.profile-status-details{flex-direction:column;gap:4px;width:100%;display:flex}.profile-status-header{justify-content:space-between;align-items:center;display:flex}.profile-status-details span{color:var(--text-muted);font-size:.74rem}.profile-contact-info{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;line-height:1.4;display:flex;color:var(--text-soft)!important;font-size:.7rem!important}.profile-contact-info a{color:var(--purple-bright)}.profile-contact-info a:hover{text-decoration:underline}.status-dot{background:var(--green);border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 17px #39d98ad9}@media (width<=980px){.hero-grid{flex-direction:column-reverse;gap:50px;display:flex}.hero{min-height:auto;padding-top:150px}.profile-panel{width:min(100%,520px)}}@media (width<=760px){.hero{padding-top:130px}.hero-grid{gap:42px}.profile-visual,.profile-visual img{min-height:360px}}@media (width<=520px){.hero h1{font-size:clamp(3rem,16vw,4.6rem)}.profile-visual,.profile-visual img{min-height:320px}}.project-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(145deg,#131927f5,#0b0f19f5);overflow:hidden}.project-top{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:420px;display:grid}.project-copy{flex-direction:column;justify-content:center;padding:clamp(20px,3vw,32px);display:flex}.project-label{color:#84efb8;letter-spacing:.06em;text-transform:uppercase;background:#39d98a12;border:1px solid #39d98a38;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;padding:7px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.project-copy h3{letter-spacing:-.055em;font-size:clamp(2rem,4vw,3.8rem);line-height:.98}.project-copy>p{color:var(--text-muted);margin:12px 0 16px;font-size:.9rem}.feature-list{gap:10px;margin-bottom:20px;list-style:none;display:grid}.feature-list li{color:var(--text-soft);align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.feature-check{color:var(--green);flex-shrink:0;margin-top:2px}.tag-list{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);background:#ffffff06;border-radius:999px;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:.65rem}.project-showcase{border-left:1px solid var(--border);background:radial-gradient(circle at 45% 38%,#39d98a29,#0000 28%),radial-gradient(circle at 72% 68%,#9b7cff29,#0000 34%),#0b1119;place-items:center;min-height:420px;padding:24px 20px;display:grid;position:relative;overflow:hidden}.phone-stage{width:min(100%,680px);height:400px;position:relative}.phone{cursor:pointer;background:#090b10;border:1px solid #ffffff2e;border-radius:24px;width:min(30%,170px);padding:6px;transition:all .45s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 28px 55px #0000006b}.phone img{aspect-ratio:auto;object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.phone-left{z-index:1;opacity:.8;transform-origin:50%;left:2%;transform:translateY(-50%)rotate(-5deg)scale(.94)}.phone-center{z-index:3;width:min(36%,190px);left:50%;transform:translate(-50%,-50%)}.phone-right{z-index:2;opacity:.82;transform-origin:50%;left:98%;right:auto;transform:translate(-100%,-50%)rotate(5deg)scale(.94)}.phone-hidden{z-index:0;opacity:0;pointer-events:none;left:50%;transform:translate(-50%,-50%)scale(.8)}.project-bottom{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.project-metric{padding:16px 20px}.project-metric+.project-metric{border-left:1px solid var(--border)}.project-metric strong{margin-bottom:3px;font-size:1rem;display:block}.project-metric span{color:var(--text-muted);font-size:.8rem}@media (width<=980px){.project-top{grid-template-columns:1fr}.project-showcase{border-top:1px solid var(--border);border-left:0;min-height:520px}}@media (width<=760px){.project-copy{padding:30px 22px}.project-showcase{min-height:auto;padding:30px 0}.phone-stage{width:100%;height:560px;position:relative}.phone{border-radius:24px;width:60%;max-width:220px;padding:6px}.phone-center{opacity:1;z-index:3;width:65%;max-width:240px;left:50%;transform:translate(-50%,-50%)}.phone-left{opacity:1;z-index:1;left:-28%;transform:translate(-50%,-50%)}.phone-right{opacity:1;z-index:1;left:128%;transform:translate(-50%,-50%)}.phone-hidden{opacity:0;pointer-events:none;left:50%;transform:translate(-50%,-50%)scale(.8)}.project-bottom{grid-template-columns:1fr}.project-metric+.project-metric{border-top:1px solid var(--border);border-left:0}}@media (width<=520px){.phone-stage{height:480px}.phone{border-radius:20px;width:64%;padding:5px}.phone-center{width:68%}.phone img{border-radius:15px}}.about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.about-copy{padding:clamp(28px,4vw,44px)}.about-copy h3{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.15}.about-copy p+p{margin-top:16px}.about-copy p{color:var(--text-muted)}.about-copy strong{color:var(--text-soft)}.about-focus-areas{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:24px;display:flex}.focus-area{flex-direction:column;gap:2px;display:flex}.focus-area strong{color:var(--text);font-size:.9rem}.focus-area span{color:var(--text-muted);font-size:.8rem}.experience-list{gap:14px;padding:18px;display:grid}.experience-card{background:#ffffff06;border:1px solid #0000;border-radius:16px;padding:22px;transition:border-color .16s,background .16s,transform .16s}.experience-card:hover{border-color:var(--border-strong);background:#ffffff0a;transform:translateY(-2px)}.experience-card header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.experience-card h3{font-size:1rem}.experience-card time{color:var(--purple-bright);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.7rem}.experience-card p{color:var(--text-muted);font-size:.86rem}@media (width<=980px){.about-grid{grid-template-columns:1fr}}.now-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.now-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(150deg,#141b2ad1,#0b0f18db);min-height:252px;padding:26px}.now-card-number{width:40px;height:40px;color:var(--purple-bright);background:#9b7cff14;border:1px solid #b69cff42;border-radius:12px;place-items:center;margin-bottom:34px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;display:grid}.now-card h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.2rem}.now-card p{color:var(--text-muted);font-size:.88rem}@media (width<=980px){.now-grid{grid-template-columns:1fr}}.skills-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-group{border:1px solid var(--border);border-radius:var(--radius-md);background:#101623b8;padding:27px}.skill-group h3{margin-bottom:18px;font-size:1rem}.skill-group .tag-list{margin-bottom:0}@media (width<=760px){.skills-grid{grid-template-columns:1fr}}.contact-card{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:radial-gradient(circle at 85% 20%,#f4b9421a,#0000 25%),radial-gradient(circle at 20% 85%,#9b7cff33,#0000 32%),linear-gradient(145deg,#161d2e,#0d111b);border-radius:32px;padding:clamp(34px,7vw,78px);position:relative;overflow:hidden}.contact-card h2{letter-spacing:-.06em;max-width:840px;margin:16px 0 20px;font-size:clamp(2.45rem,6vw,5.5rem);line-height:.98}.contact-card>p{max-width:690px;color:var(--text-muted);margin-bottom:30px;font-size:1rem}.contact-links{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.contact-link{border:1px solid var(--border);color:var(--text-soft);border-radius:999px;align-items:center;gap:9px;padding:11px 14px;font-size:.82rem;font-weight:600;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.contact-link:hover{color:#fff;border-color:#b69cff94;transform:translateY(-2px)}footer{color:var(--text-muted);padding:34px 0 46px;font-size:.77rem}.footer-inner{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding-top:24px;display:flex}@media (width<=760px){.footer-inner{flex-direction:column;align-items:flex-start}}:root{--bg:#080b12;--bg-elevated:#0d111b;--surface:#131927bd;--surface-solid:#121827;--surface-hover:#171f31;--text:#f5f7fb;--text-muted:#9da8bb;--text-soft:#cbd3df;--border:#94a3b829;--border-strong:#94a3b847;--purple:#9b7cff;--purple-bright:#b69cff;--amber:#f4b942;--green:#39d98a;--blue:#65b8ff;--danger:#ff6b88;--shadow:0 24px 80px #0000006b;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--max-width:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:radial-gradient(circle at 14% 10%, #9b7cff26, transparent 28%), radial-gradient(circle at 86% 8%, #f4b94214, transparent 23%), radial-gradient(circle at 56% 82%, #39d98a0f, transparent 30%), var(--bg);min-height:100vh;color:var(--text);font-family:Inter,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.eyebrow{color:var(--purple-bright);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:.77rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #39d98acc}.section{flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(30px,5vh,80px) 0;display:flex}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);align-items:end;gap:20px;margin-bottom:24px;display:grid}.section-heading h2{letter-spacing:-.045em;max-width:760px;margin-top:12px;font-size:clamp(2rem,4.6vw,3.9rem);line-height:1.05}.section-heading p{color:var(--text-muted);font-size:1rem}@media (width<=820px){.section-heading{grid-template-columns:1fr;align-items:start;gap:16px;margin-bottom:32px}}.muted{color:var(--text-muted)}.mono{font-family:JetBrains Mono,monospace}.accent{color:var(--purple-bright)}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.93rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--purple), #7557e7);color:#fff;box-shadow:0 14px 35px #7b5be242}.button-secondary{border-color:var(--border-strong);color:var(--text-soft);background:#ffffff06}.button-secondary:hover{color:#fff;border-color:#b69cff94}.button-small{min-height:42px;padding:0 16px;font-size:.86rem}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}