:root{--bg: #0a0e17;--bg2: #111827;--bg3: #1a2236;--bg-glass: rgba(17, 24, 39, .65);--border: rgba(255,255,255,.07);--border-h: rgba(0,229,255,.25);--text: #c9d1d9;--text2: #6b7b8d;--white: #e6edf3;--cyan: #00e5ff;--cyan-dim: rgba(0,229,255,.12);--orange: #ff9800;--orange-dim: rgba(255,152,0,.12);--purple: #bc8cff;--purple-dim: rgba(188,140,255,.12);--green: #3fb950;--green-dim: rgba(63,185,80,.12);--red: #f85149;--red-dim: rgba(248,81,73,.12);--yellow: #d29922;--yellow-dim: rgba(210,153,34,.12);--mono: "JetBrains Mono","Fira Code","Consolas",monospace;--sans: "Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--radius: 12px;--radius-sm: 8px;--nav-h: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.75;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff4d}.progress-bar{position:fixed;top:0;left:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--orange));transition:width .1s linear;pointer-events:none}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 700px 500px at 15% 25%,rgba(0,229,255,.05),transparent),radial-gradient(ellipse 600px 400px at 85% 75%,rgba(188,140,255,.05),transparent),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,60px 60px,60px 60px;animation:gridDrift 25s ease-in-out infinite alternate}@keyframes gridDrift{0%{background-position:0 0,100% 100%,0 0,0 0}to{background-position:8% 15%,92% 85%,30px 30px,30px 30px}}.page{position:relative;z-index:1}.container{max-width:900px;margin:0 auto;padding:0 24px 120px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;background:#0a0e17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:border-color .3s}.navbar.scrolled{border-bottom-color:#00e5ff1f}.nav-inner{max-width:900px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .logo-bracket{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{font-size:14px;font-weight:500;color:var(--text2);text-decoration:none;padding:6px 14px;border-radius:var(--radius-sm);transition:color .2s,background .2s}.nav-links a:hover{color:var(--cyan);background:var(--cyan-dim)}.nav-links .nav-cta{color:var(--cyan);border:1px solid rgba(0,229,255,.3);margin-left:4px}.nav-links .nav-cta:hover{background:#00e5ff1a}.hero{padding:calc(var(--nav-h) + 80px) 0 80px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(0,229,255,.06) 0%,transparent 70%);pointer-events:none}.hero-avatar{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:linear-gradient(135deg,#00e5ff26,#bc8cff26);border:1px solid rgba(0,229,255,.25);border-radius:22px;font-size:38px;margin-bottom:28px;box-shadow:0 0 20px #00e5ff4d,0 0 60px #00e5ff1a;animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-name{font-size:clamp(36px,6vw,60px);font-weight:800;color:var(--white);line-height:1.15;margin-bottom:8px;letter-spacing:-1px}.hero-name .grad{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-family:var(--mono);font-size:16px;color:var(--text2);margin-bottom:20px}.hero-role .dot{color:var(--cyan);margin:0 8px}.hero-desc{font-size:17px;color:var(--text);max-width:600px;margin:0 auto 32px;opacity:.85}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.hero-tags .tag{font-family:var(--mono);font-size:12px;padding:4px 14px;border-radius:999px;border:1px solid;transition:all .2s;cursor:default}.hero-tags .tag:hover{transform:translateY(-2px);filter:brightness(1.2)}.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#00e5ff26,#bc8cff26);border:1px solid rgba(0,229,255,.35);color:var(--cyan)}.btn-primary:hover{background:linear-gradient(135deg,#00e5ff40,#bc8cff40);transform:translateY(-2px);box-shadow:0 8px 24px #00e5ff33}.btn-secondary{background:var(--bg2);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:#bc8cff66;color:var(--purple);transform:translateY(-2px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text2)}.btn-ghost:hover{border-color:#ff980066;color:var(--orange);transform:translateY(-2px)}section{margin-top:80px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}section.revealed{opacity:1;transform:translateY(0)}.section-title{font-size:28px;font-weight:700;color:var(--white);margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-title .num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.section-sub{color:var(--text2);font-size:15px;margin-bottom:36px;padding-left:50px}.glass{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,transform .3s}.glass:hover{border-color:var(--border-h)}.glass.cyan{border-left:3px solid var(--cyan);background:linear-gradient(135deg,var(--cyan-dim),var(--bg-glass))}.glass.purple{border-left:3px solid var(--purple);background:linear-gradient(135deg,var(--purple-dim),var(--bg-glass))}.glass.orange{border-left:3px solid var(--orange);background:linear-gradient(135deg,var(--orange-dim),var(--bg-glass))}.glass.green{border-left:3px solid var(--green);background:linear-gradient(135deg,var(--green-dim),var(--bg-glass))}.glass-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--white);margin-bottom:10px}.glass-title .icon{font-size:18px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}@media (max-width:640px){.about-grid{grid-template-columns:1fr}}.interest-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .25s,transform .25s}.interest-card:hover{transform:translateY(-3px)}.interest-card.c{border-top:2px solid var(--cyan)}.interest-card.p{border-top:2px solid var(--purple)}.interest-card.o{border-top:2px solid var(--orange)}.interest-card.g{border-top:2px solid var(--green)}.interest-icon{font-size:26px}.interest-title{font-weight:600;color:var(--white);font-size:15px}.interest-desc{color:var(--text2);font-size:14px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}@media (max-width:680px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-a),var(--accent-b))}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#ffffff1f}.project-card.trading{--accent-a:var(--cyan);--accent-b:var(--green)}.project-card.dsa{--accent-a:var(--purple);--accent-b:var(--cyan)}.project-card.math{--accent-a:var(--orange);--accent-b:var(--yellow)}.project-card.scanner{--accent-a:var(--green);--accent-b:var(--cyan)}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-name{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--white)}.project-stars{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:13px;color:var(--yellow);white-space:nowrap;flex-shrink:0}.project-desc{font-size:14px;color:var(--text2);line-height:1.65;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--text2);background:var(--bg3)}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;color:var(--cyan);transition:gap .2s,opacity .2s;align-self:flex-start}.project-link:hover{gap:10px;opacity:.85}.projects-footer{margin-top:28px;text-align:center;padding:20px;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius);color:var(--text2);font-size:14px}.projects-footer a{color:var(--cyan);text-decoration:none}.projects-footer a:hover{text-decoration:underline}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}@media (max-width:600px){.contact-cards{grid-template-columns:1fr}}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);text-decoration:none;transition:all .25s}.contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.contact-card.github:hover{border-color:#00e5ff66;background:linear-gradient(135deg,var(--cyan-dim),var(--bg2))}.contact-card.email:hover{border-color:#ff980066;background:linear-gradient(135deg,var(--orange-dim),var(--bg2))}.contact-card.leetcode:hover{border-color:#bc8cff66;background:linear-gradient(135deg,var(--purple-dim),var(--bg2))}.contact-icon{font-size:32px}.contact-label{font-size:13px;color:var(--text2);font-weight:500}.contact-value{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--white)}.footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);color:var(--text2);font-size:13px;position:relative;z-index:1}.footer a{color:var(--cyan);text-decoration:none}.footer a:hover{text-decoration:underline}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0}.future-note{background:linear-gradient(135deg,#bc8cff0f,#00e5ff0f);border:1px dashed rgba(188,140,255,.25);border-radius:var(--radius);padding:28px 24px;text-align:center}.future-note h3{color:var(--white);font-size:17px;font-weight:600;margin-bottom:8px}.future-note p{color:var(--text2);font-size:14px;max-width:500px;margin:0 auto}.future-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.future-tags span{font-family:var(--mono);font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid rgba(188,140,255,.3);color:var(--purple)}@media (max-width:900px){.contact-cards{grid-template-columns:1fr}}@media (max-width:760px){.container{padding:0 16px 92px}.nav-inner{padding:0 16px}.nav-logo{font-size:13px;gap:4px}.nav-links{gap:4px}.nav-links a{font-size:12px;padding:6px 9px}.hero{padding:calc(var(--nav-h) + 56px) 0 52px}.hero:before{width:520px;height:420px}.hero-avatar{width:64px;height:64px;font-size:32px;border-radius:18px;margin-bottom:20px}.hero-name{font-size:clamp(32px,11vw,42px);margin-bottom:10px}.hero-role{font-size:13px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:14px}.hero-role .dot{display:none}.hero-desc{font-size:15px;line-height:1.6;margin:0 auto 22px}.hero-tags{gap:8px;margin-bottom:24px}.hero-tags .tag{font-size:11px;padding:3px 10px}.hero-btns{flex-direction:column;align-items:stretch;gap:10px;max-width:280px;margin:0 auto}.btn{justify-content:center;width:100%;padding:10px 14px}section{margin-top:58px}.section-title{font-size:24px;gap:10px}.section-title .num{min-width:32px;height:32px;font-size:13px;border-radius:10px}.section-sub{padding-left:0;margin-bottom:24px;font-size:14px}.glass,.project-card,.contact-card,.future-note{padding:18px}.project-name{font-size:14px}.project-desc{font-size:13px}.project-link{font-size:12px}.contact-card{gap:10px}.contact-value{font-size:13px;word-break:break-word;text-align:center}.future-note h3{font-size:16px}.future-note p{font-size:13px}.future-tags{gap:6px}.future-tags span{font-size:10px}.footer{font-size:12px;padding:28px 16px}}@media (max-width:520px){.nav-links a:not(.nav-cta){display:none}.nav-links .nav-cta{margin-left:0;padding:6px 10px}}