:root{--bg:#05060a;--bg-2:#0a0d14;--panel:#0f121c99;--border:#788cc824;--border-strong:#78c8ff59;--text:#e6ecff;--muted:#8a93b2;--accent:#00f5d4;--accent-2:#7c5cff;--accent-3:#ff5cf0;--warn:#ffd166;--grid:#788cc80f;--shadow-glow:0 0 40px #00f5d42e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body:before{content:"";background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 48px 48px, radial-gradient(ellipse at 20% 0%, #7c5cff2e, transparent 50%), radial-gradient(ellipse at 80% 30%, #00f5d424, transparent 50%), radial-gradient(ellipse at 50% 100%, #ff5cf01a, transparent 50%);pointer-events:none;z-index:-2;position:fixed;inset:0}body:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #00f5d41a 0%, transparent 25%);pointer-events:none;z-index:-1;transition:background .1s linear;position:fixed;inset:0}::selection{background:var(--accent);color:#001}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#07090f}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-2), var(--accent));border-radius:10px}main{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{padding:120px 0 60px;scroll-margin-top:80px;position:relative}.section-head{align-items:baseline;gap:14px;margin-bottom:48px;display:flex}.section-head .num{color:var(--accent);letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:14px}.section-head h2{letter-spacing:-.02em;background:linear-gradient(120deg, #fff 0%, #b8c4ff 60%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,4vw,44px)}.section-head .line{background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#05060a8c;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#001;border-radius:8px;place-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-weight:700;display:grid;box-shadow:0 6px 24px #7c5cff66}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .2s}.nav-links a:hover{color:var(--text);background:#ffffff0a}.nav-links a span{color:var(--accent);margin-right:6px}.nav-cta{border:1px solid var(--border-strong);color:var(--accent);background:0 0;border-radius:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .2s}.nav-cta:hover{background:#00f5d414;box-shadow:0 0 18px #00f5d440}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:100vh;padding-top:100px;display:grid}.hero-tag{color:var(--accent);letter-spacing:.15em;align-items:center;gap:10px;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:14px;display:flex}.dot-pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #00f5d4b3}70%{box-shadow:0 0 0 12px #00f5d400}to{box-shadow:0 0 #00f5d400}}.hero h1{letter-spacing:-.03em;background:linear-gradient(120deg, #fff 0%, #c5d0ff 50%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(40px,6.5vw,84px);font-weight:700;line-height:1.02}.hero h2{color:var(--muted);min-height:1.4em;margin:0 0 24px;font-size:clamp(20px,2.4vw,30px);font-weight:500}.hero h2 .typed{color:var(--text)}.hero h2 .caret{background:var(--accent);vertical-align:-3px;width:10px;height:1.1em;margin-left:4px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero p.lede{color:var(--muted);max-width:560px;margin-bottom:32px;font-size:17px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.btn{border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-family:JetBrains Mono,monospace;font-size:14px;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #00f5d42e}.btn.primary{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#001;border-color:#0000}.btn.primary:hover{color:#001;filter:brightness(1.1);box-shadow:0 10px 30px #7c5cff66}.hero-stats{flex-wrap:wrap;gap:30px;margin-top:50px;display:flex}.hero-stats .stat{border-left:2px solid var(--accent);padding-left:14px}.hero-stats .stat .num{background:linear-gradient(120deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700}.hero-stats .stat .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.terminal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#080a10b3;border-radius:14px;font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden;box-shadow:0 0 0 1px #7c5cff14,0 30px 80px #00000080,0 0 60px #7c5cff1a}.term-bar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:6px;padding:10px 14px;display:flex}.term-bar .d{border-radius:50%;width:12px;height:12px}.d.r{background:#ff5f57}.d.y{background:#febc2e}.d.g{background:#28c840}.term-bar .title{color:var(--muted);margin-left:auto;font-size:11px}.term-body{padding:18px;line-height:1.7}.term-line .pr{color:var(--accent-3)}.term-line .pa{color:var(--accent);margin-left:6px}.term-line .cmd{color:var(--text);margin-left:6px}.term-line .out{color:var(--muted);padding-left:2px;display:block}.term-line .key{color:var(--warn)}.term-line .str{color:var(--accent)}.about-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:50px;display:grid}.about-grid p{color:#c5cce0;font-size:16px;line-height:1.8}.about-grid p strong{color:var(--accent);font-weight:600}.about-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;padding:24px;font-family:JetBrains Mono,monospace;font-size:13px;position:relative;overflow:hidden}.about-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#00f5d41f,#0000 50%);position:absolute;inset:0}.about-card h3{color:var(--accent);letter-spacing:.1em;margin:0 0 14px;font-size:14px}.about-card .row{border-bottom:1px dashed #788cc81a;justify-content:space-between;padding:8px 0;font-size:12.5px;display:flex}.about-card .row:last-child{border:none}.about-card .row .k{color:var(--muted)}.about-card .row .v{color:var(--text)}.status-pill{color:var(--accent);background:#00f5d41a;border:1px solid #00f5d440;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.skill-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.skill-tab{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .2s}.skill-tab:hover{color:var(--text);border-color:var(--border-strong)}.skill-tab.active{color:var(--accent);border-color:var(--accent);background:#00f5d414}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.skill-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:18px;transition:all .25s;display:flex;position:relative;overflow:hidden}.skill-card:after{content:"";opacity:0;background:linear-gradient(135deg,#0000 50%,#00f5d40f);transition:opacity .25s;position:absolute;inset:0}.skill-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 30px #0006}.skill-card:hover:after{opacity:1}.skill-card .sk-icon{background:linear-gradient(135deg,#7c5cff33,#00f5d42e);border-radius:8px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.skill-card .sk-name{font-size:14px;font-weight:600}.skill-card .sk-meta{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.exp-list{flex-direction:column;gap:22px;display:flex}.exp-item{background:var(--panel);border:1px solid var(--border);border-radius:14px;grid-template-columns:220px 1fr;gap:30px;padding:26px;transition:all .3s;display:grid;position:relative}.exp-item:hover{border-color:var(--border-strong);transform:translate(4px);box-shadow:-8px 0 30px #7c5cff26}.exp-item:before{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent));opacity:.5;border-radius:2px;width:2px;position:absolute;top:26px;bottom:26px;left:0}.exp-meta{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.exp-meta .role-time{color:var(--accent);margin-bottom:6px}.exp-meta .role-loc{font-size:11px}.exp-body h3{letter-spacing:-.01em;margin:0 0 4px;font-size:19px}.exp-body .company{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px}.exp-body ul{color:#b9c0d8;margin:14px 0 0;padding-left:18px;font-size:14px;line-height:1.7}.exp-body ul li{margin-bottom:8px}.exp-body ul li::marker{color:var(--accent)}.exp-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.exp-tags span{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;display:grid}.proj-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px;transition:all .3s;position:relative;overflow:hidden}.proj-card:before{content:"";background:linear-gradient(90deg, var(--accent-2), var(--accent), var(--accent-3));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.proj-card:hover{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 30px 60px #00000080,0 0 50px #7c5cff26}.proj-card:hover:before{transform:scaleX(1)}.proj-icon{background:linear-gradient(135deg,#7c5cff40,#00f5d433);border-radius:12px;place-items:center;width:50px;height:50px;margin-bottom:16px;font-size:24px;display:grid}.proj-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:20px}.proj-card .proj-sub{color:var(--accent);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:12px}.proj-card .proj-desc{color:#b9c0d8;margin-bottom:16px;font-size:14px;line-height:1.65}.proj-stack{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.proj-stack span{color:var(--accent);background:#00f5d40f;border:1px solid #00f5d42e;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.proj-links{gap:14px;display:flex}.proj-links a{color:var(--muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .2s;display:inline-flex}.proj-links a:hover{color:var(--accent)}.proj-metric{border:1px dashed var(--border);background:#ffffff05;border-radius:10px;gap:14px;margin-bottom:16px;padding:12px;display:flex}.proj-metric .m{flex:1}.proj-metric .v{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.proj-metric .l{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.gallery-marquee{margin:0 -24px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.gallery-track{gap:18px;width:max-content;animation:50s linear infinite scroll;display:flex}.gallery-marquee:hover .gallery-track{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-item{border:1px solid var(--border);border-radius:14px;flex-shrink:0;width:280px;height:360px;transition:all .3s;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--accent);transform:scale(1.04)translateY(-4px);box-shadow:0 20px 40px #00000080,0 0 30px #00f5d440}.gallery-item img{object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%;height:100%;transition:transform .5s;display:block}.gallery-item:hover img{transform:scale(1.08)}.contact-wrap{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:60px 24px 40px;position:relative;overflow:hidden}.contact-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#7c5cff2e,#0000 40%),radial-gradient(circle at 80% 100%,#00f5d42e,#0000 40%);position:absolute;inset:-1px}.contact-wrap>*{z-index:1;position:relative}.contact-wrap h2{background:linear-gradient(120deg, #fff, var(--accent));color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(32px,5vw,56px)}.contact-wrap p{color:var(--muted);max-width:520px;margin:0 auto 32px;line-height:1.7}.contact-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:80px;padding:24px;font-family:JetBrains Mono,monospace;font-size:12px}footer .heart{color:var(--accent-3)}.cursor-glow{pointer-events:none;z-index:1;mix-blend-mode:screen;background:radial-gradient(circle,#00f5d42e,#0000 70%);border-radius:50%;width:260px;height:260px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.matrix-canvas{z-index:-1;opacity:.18;pointer-events:none;position:fixed;inset:0}.reveal{opacity:0;transition:all .7s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.about-grid{grid-template-columns:1fr}.exp-item{grid-template-columns:1fr;gap:14px}.nav-links a:not(.nav-cta){display:none}}@media (width<=600px){section{padding:80px 0 40px}.gallery-item{width:220px;height:290px}.hero-stats{gap:18px}}