:root{--bg:#080b10;--surface:#0e131b;--surface2:#121925;--text:#f5f7fb;--muted:#9ca8b8;--line:#222b38;--accent:#74f0c0;--accent2:#78a7ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.65;overflow-x:hidden;background-image:radial-gradient(circle at 85% 5%,rgba(120,167,255,.09),transparent 25%),radial-gradient(circle at 15% 30%,rgba(116,240,192,.06),transparent 22%)}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav-wrap{position:fixed;z-index:50;top:0;width:100%;background:rgba(8,11,16,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk"}.brand span{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(116,240,192,.12),rgba(120,167,255,.12));color:var(--accent)}.nav-links{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--text)}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-top:110px}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:8px 13px;border:1px solid var(--line);border-radius:100px;color:#c9d3df;font-size:12px;margin-bottom:28px;background:rgba(255,255,255,.025)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(116,240,192,.08)}.kicker{letter-spacing:.16em;color:var(--accent);font-size:12px;font-weight:700}.hero h1,.section h2,.contact-section h2{font-family:"Space Grotesk";line-height:1.05;letter-spacing:-.04em}.hero h1{font-size:clamp(50px,6vw,82px);margin:16px 0 24px}.gradient-text{background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{font-size:18px;color:var(--muted);max-width:700px}.hero-text strong{color:#dfe7f0}.hero-actions{display:flex;gap:12px;margin:34px 0 22px}.btn{padding:14px 20px;border-radius:10px;font-weight:700;font-size:14px;display:inline-flex;gap:14px;align-items:center;transition:.25s}.btn.primary{background:var(--text);color:#09100e}.btn.primary:hover{background:var(--accent);transform:translateY(-2px)}.btn.secondary{border:1px solid var(--line);color:#dce4ee}.btn.secondary:hover{border-color:#556274}.hero-meta{display:flex;gap:10px;color:#778393;font-size:13px}.hero-visual{position:relative}.terminal-card{border:1px solid #25303d;background:rgba(13,18,26,.88);box-shadow:0 30px 100px rgba(0,0,0,.45);border-radius:18px;overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.terminal-top{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px;color:#6e7b8c;font-size:11px}.terminal-top i{width:8px;height:8px;background:#34404f;border-radius:50%}.terminal-top span{margin-left:8px}.terminal-card pre{margin:0;padding:32px 28px 38px;overflow:auto;color:#d7e0ea;font:14px/2 "SFMono-Regular",Consolas,monospace}.string{color:#9ae6c8}.muted{color:#8998ac}.green{color:var(--accent)}.float-chip{position:absolute;padding:10px 14px;background:#121925;border:1px solid #2b3544;border-radius:10px;font:600 11px Inter;box-shadow:0 10px 30px #0008}.chip-1{right:-18px;top:12%}.chip-2{left:-25px;bottom:12%;color:var(--accent)}.chip-3{right:6%;bottom:-25px}.section{padding:115px 0}.section-label{font:700 11px Inter;color:#657386;letter-spacing:.15em;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:55px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(38px,5vw,62px);margin:0}.about-copy{color:var(--muted);font-size:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.stats strong{display:block;color:var(--text);font:700 22px "Space Grotesk"}.stats span{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);max-width:460px}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.skill-card,.project,.edu-card{background:linear-gradient(145deg,rgba(18,25,37,.9),rgba(12,17,24,.9));border:1px solid var(--line);border-radius:16px;padding:30px;transition:.3s}.skill-card:hover,.project:hover,.edu-card:hover{border-color:#3b485a;transform:translateY(-4px)}.skill-icon{font:600 22px "Space Grotesk";color:var(--accent);margin-bottom:45px}.skill-card h3,.project h3,.edu-card h3{font:600 22px "Space Grotesk";margin:0 0 12px}.skill-card p,.project p,.edu-card p{color:var(--muted);margin:0}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:220px 1fr;gap:50px;padding:40px 0;border-bottom:1px solid var(--line)}.time{font:700 11px Inter;color:var(--accent);letter-spacing:.1em}.timeline h3{font:600 24px "Space Grotesk";margin:0}.timeline p{max-width:780px;color:var(--muted)}.timeline .company{color:#d3dce7;margin:5px 0 14px}.projects-head{gap:30px}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:100px;padding:8px 12px;cursor:pointer}.filter.active,.filter:hover{color:#08100d;background:var(--accent);border-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project{min-height:320px;display:flex;flex-direction:column}.project.featured{grid-column:span 2;min-height:360px;background:radial-gradient(circle at 85% 10%,rgba(116,240,192,.12),transparent 28%),linear-gradient(145deg,#111923,#0b1017)}.project-top{display:flex;justify-content:space-between;color:#647386;font:600 11px Inter;margin-bottom:50px}.tag{border:1px solid #2b3948;padding:5px 9px;border-radius:100px;color:#9aabba}.project h3{font-size:27px}.project p{max-width:760px}.stack{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.stack span{font-size:10px;border:1px solid #2a3543;color:#91a0b2;padding:5px 8px;border-radius:6px}.project-link{margin-top:18px;color:var(--accent);font-size:13px;font-weight:700}.result{font-size:11px;color:var(--accent);margin-top:12px}.project.hide{display:none}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.edu-card span{font-size:11px;color:var(--accent);font-weight:700}.edu-card h3{margin-top:32px}.contact-section{padding:130px 0;background:linear-gradient(120deg,rgba(116,240,192,.07),rgba(120,167,255,.05));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-inner{max-width:900px;text-align:center}.contact-section h2{font-size:clamp(42px,6vw,70px);margin:16px 0 22px}.contact-section p:not(.kicker){color:var(--muted);max-width:670px;margin:0 auto}.contact-actions{margin-top:35px;display:flex;justify-content:center;gap:25px;align-items:center}.text-link{font-weight:600;border-bottom:1px solid #536070}footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;color:#647183;font-size:11px}.cursor-glow{position:fixed;width:350px;height:350px;border-radius:50%;background:rgba(116,240,192,.035);filter:blur(35px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav-links{display:none;position:absolute;top:74px;left:0;width:100%;padding:22px;background:#0b1017;flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:140px 0 90px;min-height:auto}.hero-visual{margin-top:25px}.about-grid,.skill-grid,.projects-grid,.education-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.timeline-item{grid-template-columns:1fr;gap:8px}.section-head{display:block}.filters{justify-content:flex-start;margin-top:25px}.stats{gap:15px}.float-chip{display:none}footer{padding:30px 0;gap:15px;align-items:flex-start;flex-direction:column}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 26px))}.hero h1{font-size:45px}.hero-actions,.contact-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center}.stats{grid-template-columns:1fr}.stats div{padding:8px 0}.terminal-card pre{font-size:11px;padding:22px 18px}.section{padding:85px 0}}
