:root{--bg:#0a0d12;--bg-soft:#101621;--panel:#ffffff14;--panel-strong:#ffffff1f;--text:#f6f8fb;--muted:#a9b4c4;--line:#ffffff29;--accent:#2de2a5;--accent-2:#ffca57;--accent-3:#6aa9ff;--danger:#ff6b7a;--shadow:0 24px 80px #00000061;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);font-synthesis:none;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,#2de2a529,#0000 26rem),radial-gradient(circle at 82% 12%,#ffca5724,#0000 24rem),linear-gradient(135deg,#081017 0%,#11131a 42%,#080a0f 100%);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 80%);mask-image:linear-gradient(#000 0%,#0000 80%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.site-shell{--cursor-x:50%;--cursor-y:180px;width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 56px;position:relative}.site-shell>:not(.spotlight,.code-particles){z-index:1;position:relative}.spotlight{z-index:0;pointer-events:none;background:radial-gradient(circle 320px at var(--cursor-x) var(--cursor-y), #2de2a529, transparent 72%), radial-gradient(circle 220px at var(--cursor-x) var(--cursor-y), #6aa9ff1f, transparent 76%);opacity:.9;position:absolute;inset:0}.code-particles{z-index:0;pointer-events:none;height:480px;position:absolute;inset:110px 0 auto;overflow:hidden}.code-particles span{color:#f6f8fba8;background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;padding:9px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;animation:8s ease-in-out infinite float-code;display:inline-flex;position:absolute;box-shadow:0 16px 40px #0000002e}.code-particles span:first-child{top:18px;left:50%}.code-particles span:nth-child(2){animation-delay:-2s;top:168px;left:4%}.code-particles span:nth-child(3){animation-delay:-4s;top:314px;right:2%}.code-particles span:nth-child(4){animation-delay:-6s;top:72px;right:16%}.nav-bar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d12c7;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 14px;display:flex;position:sticky;top:16px;box-shadow:0 20px 60px #0000003d}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand span{color:#07110d;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:8px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 36px #2de2a547}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.94rem;transition:color .16s,background .16s}.nav-links a:hover{color:var(--text);background:#ffffff14}.hero{grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:42px;min-height:calc(100vh - 116px);padding:74px 0 36px;display:grid}.hero-copy{max-width:720px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.8rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:22px;font-size:clamp(3.3rem,8vw,7.4rem);line-height:.9}h1 span{color:#0000;background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));-webkit-background-clip:text;background-clip:text}h2 span{color:var(--accent-2)}h2{letter-spacing:0;margin-bottom:18px;font-size:clamp(2rem,4.5vw,4.2rem);line-height:1}h3{margin-bottom:12px;font-size:1.35rem;line-height:1.1}.hero-text{max-width:640px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.7}.live-row{border:1px solid var(--line);max-width:100%;color:var(--muted);background:#ffffff12;border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:10px 12px;display:inline-flex;box-shadow:0 18px 48px #0003}.live-row strong{color:var(--text);white-space:nowrap}.live-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pulse-dot{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px;animation:1.55s ease-out infinite pulse-dot;box-shadow:0 0 #2de2a594}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-button{color:#07110d;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 18px 56px #2de2a53d}.ghost-button{border:1px solid var(--line);color:var(--text);background:#ffffff0f}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.code-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff1f,#ffffff0d),#0f1520;border-radius:8px;transition:transform .22s,border-color .22s;position:relative;overflow:hidden;transform:perspective(900px)rotateX(1.5deg)rotateY(-3deg)}.code-card:hover{border-color:#2de2a57a;transform:perspective(900px)rotateX(0)rotateY(0)translateY(-4px)}.code-card:after{pointer-events:none;content:"";background:linear-gradient(115deg,#0000 0%,#ffffff29 44%,#0000 58%);animation:4.4s ease-in-out infinite flash-sweep;position:absolute;inset:0;transform:translate(-120%)}.window-bar{border-bottom:1px solid var(--line);background:#ffffff0d;gap:8px;padding:18px;display:flex}.window-bar span{background:var(--danger);border-radius:999px;width:12px;height:12px}.window-bar span:nth-child(2){background:var(--accent-2)}.window-bar span:nth-child(3){background:var(--accent)}.code-lines{color:#dce8f7;padding:28px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.88rem,1.4vw,1rem);line-height:1.85}.code-lines p{margin-bottom:4px}.code-key{color:var(--accent-3)}.code-string{color:var(--accent-2)}.terminal-line{border-top:1px solid var(--line);color:var(--muted);padding:18px 28px 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.terminal-line span{color:var(--accent)}.build-meter{background:#ffffff12;height:4px;overflow:hidden}.build-meter span{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));width:42%;height:100%;animation:2.2s ease-in-out infinite build-meter;display:block}.proof-strip,.split-section,.contact-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.proof-strip div{background:#ffffff09;min-height:118px;padding:24px}.proof-strip strong{margin-bottom:10px;font-size:1.4rem;display:block}.proof-strip span{color:var(--muted)}.section,.services-section,.demo-lab,.testimonial-section,.split-section,.contact-panel{margin-top:104px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.section-heading h2{max-width:720px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff18, #ffffff0b), var(--bg-soft);cursor:pointer;border-radius:8px;min-height:360px;padding:24px;transition:transform .18s,border-color .18s,background .18s}.project-card:hover,.project-card.is-active{background:linear-gradient(180deg, #2de2a524, #ffffff0b), var(--bg-soft);border-color:#2de2a585;transform:translateY(-4px)}.project-card p{color:var(--accent-2);text-transform:uppercase;margin-bottom:26px;font-size:.84rem;font-weight:800}.project-card span{color:var(--muted);line-height:1.65;display:block}.tag-row{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.tag-row small,.skill-cloud span{border:1px solid var(--line);color:#dbe4ef;background:#ffffff0f;border-radius:999px}.tag-row small{padding:7px 10px;font-size:.76rem}.split-section{grid-template-columns:.85fr 1fr;align-items:center;gap:34px;padding:34px;display:grid}.split-section p:not(.eyebrow),.contact-panel p{color:var(--muted);font-size:1.04rem;line-height:1.7}.about-section{align-items:stretch}.profile-panel{border:1px solid var(--line);min-height:380px;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffca5724,#2de2a514),#ffffff0e;border-radius:8px;flex-direction:column;justify-content:end;gap:10px;padding:28px;display:flex}.profile-mark{color:#07110d;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:1px solid #ffffff29;border-radius:8px;place-items:center;width:118px;height:118px;margin-bottom:auto;font-size:2rem;font-weight:900;display:grid;box-shadow:0 28px 70px #2de2a533}.profile-panel strong{font-size:1.7rem}.profile-panel span,.profile-panel a{color:var(--muted)}.profile-panel a:hover{color:var(--accent)}.skill-cloud{flex-wrap:wrap;gap:12px;display:flex}.skill-cloud span{padding:13px 15px;font-weight:800;animation:4s ease-in-out infinite skill-glow}.skill-cloud span:nth-child(2n){animation-delay:-1s}.skill-cloud span:nth-child(3n){animation-delay:-2s}.interactive-demo{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.demo-switcher,.demo-preview{border:1px solid var(--line);background:var(--panel);border-radius:8px}.demo-switcher{gap:10px;padding:12px;display:grid}.demo-switcher button{width:100%;min-height:58px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:flex}.demo-switcher button:hover,.demo-switcher button.is-selected{background:#2de2a521;border-color:#2de2a570;transform:translate(4px)}.demo-switcher span{color:var(--accent-2);font-size:.78rem}.demo-preview{min-height:360px;padding:24px;overflow:hidden}.preview-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.preview-topline span{color:var(--accent);text-transform:uppercase;font-size:.82rem;font-weight:800}.preview-topline strong{color:var(--accent-2)}.demo-preview p{max-width:680px;color:var(--muted);line-height:1.7}.preview-screen{background:#05090ea3;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:86px 1fr;gap:14px;min-height:150px;margin-top:24px;padding:14px;display:grid}.screen-sidebar{background:linear-gradient(var(--accent), var(--accent)) 14px 18px / 36px 8px no-repeat, linear-gradient(#ffffff29, #ffffff29) 14px 48px / 48px 7px no-repeat, linear-gradient(#ffffff1a, #ffffff1a) 14px 74px / 42px 7px no-repeat, #fff1;border-radius:8px}.screen-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.screen-content span{background:linear-gradient(90deg,#2de2a53d,#6aa9ff33),#ffffff12;border-radius:8px;animation:2.6s ease-in-out infinite preview-pop}.screen-content span:nth-child(2){animation-delay:-.5s}.screen-content span:nth-child(3){animation-delay:-1s}.screen-content span:nth-child(4){animation-delay:-1.5s}.timeline-list{gap:16px;display:grid;position:relative}.timeline-list:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:10px;left:9px}.timeline-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, #ffffff09), var(--bg-soft);border-radius:8px;margin-left:34px;padding:24px;transition:transform .18s,border-color .18s;position:relative}.timeline-card:hover{border-color:#ffca5775;transform:translate(4px)}.timeline-dot{border:2px solid var(--accent-2);background:var(--bg);border-radius:999px;width:12px;height:12px;position:absolute;top:29px;left:-30px;box-shadow:0 0 0 7px #ffca5714}.timeline-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.timeline-head p{color:var(--accent-2);margin-bottom:0}.timeline-head time{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:6px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.timeline-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.timeline-card li{color:var(--muted);gap:9px;line-height:1.6;display:flex}.timeline-card li:before{content:">";color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;min-height:150px;padding:20px;display:grid}.skill-card h3{margin-bottom:6px;font-size:1.05rem}.skill-card small{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.skill-bar-track{background:#ffffff14;border-radius:999px;align-self:end;height:6px;overflow:hidden}.skill-bar-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));height:100%;animation:1.25s cubic-bezier(.23,1,.32,1) both skill-fill;display:block}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.education-card{border:1px solid var(--line);background:radial-gradient(circle at top right, #ffca571a, transparent 15rem), var(--panel);border-radius:8px;min-height:190px;padding:24px}.education-card p{color:var(--accent-2)}.education-card span{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.service-tile{border:1px solid var(--line);background:var(--panel);color:#eef3fa;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;font-weight:800;display:flex}.service-tile span{color:var(--accent);font-size:.82rem}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.testimonial-card{border:1px solid var(--line);background:linear-gradient(135deg, #6aa9ff24, #ffffff0b), var(--bg-soft);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:280px;margin:0;padding:24px;display:flex}.testimonial-card blockquote{color:#eaf1fa;margin:0;font-size:1.1rem;line-height:1.65}.testimonial-card figcaption{gap:4px;margin-top:26px;display:grid}.testimonial-card strong{color:var(--accent-2)}.testimonial-card span{color:var(--muted)}.contact-panel{background:linear-gradient(135deg, #2de2a52e, #ffca571a), var(--panel);justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex}.contact-panel div{max-width:760px}.contact-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.contact-links a{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff1;border-radius:8px;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.contact-links a:hover{color:var(--accent);border-color:#2de2a57a}@media (width<=960px){.hero,.split-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:56px}.project-grid,.testimonial-grid,.skills-grid,.education-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-demo{grid-template-columns:1fr}}@media (width<=680px){.site-shell{width:min(100% - 22px,1180px);padding-top:12px}.nav-bar{flex-direction:column;align-items:flex-start;position:static}.nav-links{flex-wrap:wrap;justify-content:flex-start;width:100%}.nav-links a{padding-inline:8px}h1{font-size:clamp(3rem,17vw,4.4rem)}.hero-actions,.contact-panel{flex-direction:column;align-items:stretch}.primary-button,.ghost-button{width:100%}.proof-strip,.project-grid,.testimonial-grid,.skills-grid,.education-grid,.services-grid{grid-template-columns:1fr}.section-heading{display:block}.project-card{min-height:280px}.split-section,.contact-panel{padding:24px}.live-row{flex-direction:column;align-items:flex-start}.preview-screen{grid-template-columns:1fr}.screen-sidebar{min-height:76px}.timeline-head{flex-direction:column}.timeline-head time{white-space:normal}}@keyframes pulse-dot{0%{box-shadow:0 0 #2de2a594}to{box-shadow:0 0 0 16px #2de2a500}}@keyframes float-code{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}@keyframes flash-sweep{0%,45%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes build-meter{0%{transform:translate(-110%)}55%{transform:translate(80%)}to{transform:translate(230%)}}@keyframes skill-glow{0%,to{border-color:var(--line);transform:translateY(0)}50%{border-color:#2de2a56b;transform:translateY(-3px)}}@keyframes preview-pop{0%,to{opacity:.56;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes skill-fill{0%{width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}