:root{
  --bg:#080b12;--panel:#0d121c;--panel2:#111824;--text:#eef3f8;--muted:#8995a6;
  --line:rgba(255,255,255,.09);--accent:#8df0c5;--accent2:#68b7ff;--mono:"JetBrains Mono",monospace;
  --sans:"Inter",sans-serif;--max:1160px
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:200}
.nav-wrap{position:sticky;top:0;z-index:90;background:rgba(8,11,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;letter-spacing:-2px}.brand span{color:var(--accent)}
.nav-links{display:flex;gap:30px}.nav-links a{font-size:13px;color:var(--muted);transition:.2s}.nav-links a:hover{color:var(--text)}
.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:8px;font-size:12px}.nav-cta span{color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:22px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:35px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:99px;font-size:11px;color:var(--muted);margin-bottom:27px}
.status-dot,.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);display:inline-block}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.1em}.intro{color:var(--muted);margin-bottom:8px}
.hero h1{font-size:clamp(58px,8vw,104px);line-height:.95;letter-spacing:-.07em;font-weight:800}.hero h1 span,.section-heading h2 span,.currently-box h2 span{color:var(--accent)}
.hero h2{font-size:clamp(22px,3vw,34px);font-weight:500;letter-spacing:-.03em;margin-top:20px}.hero h2 span{color:var(--accent2)}.cursor{animation:blink 1s infinite;color:var(--accent)!important}
.hero-text{max-width:590px;color:var(--muted);margin:24px 0 28px;font-size:16px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{padding:13px 18px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid var(--line)}.btn.primary{background:var(--accent);color:#07100d;border-color:var(--accent)}.btn.secondary{background:var(--panel)}.btn span{margin-left:12px}
.socials{display:flex;gap:23px;margin-top:25px}.socials a{font-size:11px;color:var(--muted);border-bottom:1px solid transparent}.socials a:hover{color:var(--accent);border-color:var(--accent)}
.hero-visual{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:420px;height:270px}.orbit-two{width:270px;height:420px}
.chip{width:270px;height:300px;background:linear-gradient(145deg,#182130,#0d131e);border:1px solid rgba(141,240,197,.28);border-radius:18px;box-shadow:0 35px 80px rgba(0,0,0,.4),inset 0 0 50px rgba(141,240,197,.035);padding:20px;position:relative;z-index:2}.chip:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(141,240,197,.08);border-radius:22px}.chip-top{display:flex;justify-content:space-between;font:600 11px var(--mono);color:var(--muted)}.chip-led{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.chip-core{height:205px;display:grid;place-items:center;position:relative}.chip-symbol{width:120px;height:120px;border:1px solid rgba(141,240,197,.3);border-radius:14px;display:grid;place-items:center;font:600 34px var(--mono);color:var(--accent);background:rgba(141,240,197,.035)}.pins{position:absolute;inset:30px 4px;display:flex;justify-content:space-between}.pins:before,.pins:after{content:"";display:block;width:5px;height:100%;background:repeating-linear-gradient(to bottom,var(--accent) 0 7px,transparent 7px 18px);opacity:.3}.chip-bottom{color:#566477;text-align:center}.floating-card{position:absolute;z-index:3;background:rgba(13,18,28,.9);border:1px solid var(--line);padding:10px 13px;border-radius:8px;box-shadow:0 15px 35px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.floating-card span{font:10px var(--mono);color:var(--accent);display:block}.floating-card b{font-size:12px;display:block}.floating-card small{font-size:9px;color:var(--muted)}.card-a{top:75px;left:4px}.card-b{right:0;top:155px}.card-c{bottom:70px;left:35px}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.ticker-track{display:flex;gap:30px;width:max-content;padding:15px 0;animation:ticker 28s linear infinite;font:600 10px var(--mono);letter-spacing:.12em;color:#788596}.ticker b{color:var(--accent)}
.section{padding-top:135px}.section-heading{margin-bottom:55px}.accent{color:var(--accent);margin-bottom:14px}.section-heading h2{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.06em}.section-heading h2 span{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-text p{color:var(--muted);font-size:15px;max-width:590px;margin-bottom:18px}.about-text .lead{font-size:21px;line-height:1.45;color:var(--text)}.facts{display:flex;gap:10px;margin-top:36px}.facts div{border:1px solid var(--line);padding:15px 18px;min-width:145px;border-radius:8px}.facts strong{font:12px var(--mono);color:var(--accent);display:block;margin-bottom:7px}.facts span{font-size:11px;color:var(--muted)}
.terminal{background:#070a0f;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25)}.terminal-bar{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}.terminal-bar span{width:7px;height:7px;border-radius:50%;background:#2b3440}.terminal-bar b{font:10px var(--mono);color:#596575;margin:auto}.terminal pre{padding:28px;font:12px/2 var(--mono);color:#9ca8b6}.terminal em{color:var(--accent);font-style:normal}.cyan{color:var(--accent2)}.green{color:var(--accent)}.muted{color:#4c5868}
.skills-section{background:linear-gradient(180deg,transparent,rgba(17,24,36,.38),transparent)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.skill-card{border:1px solid var(--line);background:rgba(13,18,28,.65);padding:27px;border-radius:10px;transition:.3s}.skill-card:hover{transform:translateY(-5px);border-color:rgba(141,240,197,.3)}.skill-icon{font:25px var(--mono);color:var(--accent);height:50px}.skill-card h3{font-size:18px;margin-bottom:9px}.skill-card p{color:var(--muted);font-size:12px;min-height:58px}.tags,.project-stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.tags span,.project-stack span{font:9px var(--mono);border:1px solid var(--line);color:#748195;padding:5px 7px;border-radius:4px}
.project-head{display:flex;align-items:end;justify-content:space-between}.text-link{font:11px var(--mono);color:var(--accent);padding-bottom:5px}.projects{display:grid;gap:13px}.project{display:grid;grid-template-columns:60px 1fr 300px;gap:30px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:29px;min-height:250px;transition:.3s}.project:hover{border-color:rgba(141,240,197,.28);transform:translateY(-3px)}.project.featured{grid-template-columns:60px 1fr 340px;min-height:310px}.project-number{font:12px var(--mono);color:var(--accent)}.project-kicker{font:9px var(--mono);letter-spacing:.12em;color:var(--accent2);margin-bottom:7px}.project h3{font-size:24px;letter-spacing:-.03em}.project p{color:var(--muted);font-size:12px;max-width:570px;margin-top:8px}.project-link{display:inline-block;margin-top:22px;font:10px var(--mono);color:var(--text)}.project-link span{color:var(--accent);margin-left:8px}.project-visual{height:190px;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;background:#090e16}.factory{background:linear-gradient(160deg,#101b25,#090e16)}.factory-screen{position:absolute;top:18px;left:20px;border:1px solid rgba(141,240,197,.2);padding:13px 17px}.factory-screen span,.factory-screen small{display:block;font:8px var(--mono);color:var(--muted)}.factory-screen strong{font:600 28px var(--mono);color:var(--accent);display:block}.factory-screen i{display:block;width:150px;height:4px;background:linear-gradient(90deg,var(--accent) 70%,#24303c 70%);margin-top:12px}.factory-line{position:absolute;bottom:43px;left:0;right:0;height:1px;background:#26313e}.product-box{position:absolute;bottom:28px;width:30px;height:18px;border:1px solid rgba(141,240,197,.3);background:#14221f}.p1{left:30px}.p2{left:100px}.p3{left:170px}.phone{display:grid;place-items:center}.phone-ui{width:110px;height:170px;border:5px solid #202b38;border-radius:17px;padding:15px 9px;background:#0d141e;font-size:7px}.phone-ui b{display:block;font-size:9px;margin-top:15px}.phone-ui div{height:25px;border:1px solid #243140;margin-top:8px;border-radius:4px}.wave{position:absolute;inset:50px 15px;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(104,183,255,.12) 20px 21px)}.wave:after{content:"";position:absolute;left:0;right:0;top:43px;height:45px;background:linear-gradient(135deg,transparent 0 5%,var(--accent) 5% 7%,transparent 7% 14%,var(--accent) 14% 16%,transparent 16% 25%,var(--accent) 25% 27%,transparent 27% 100%);opacity:.75}.wave-label{position:absolute;bottom:15px;left:15px;font:8px var(--mono);color:#647184}.board{display:grid;place-items:center}.board-chip{width:100px;height:65px;border:1px solid rgba(141,240,197,.3);display:grid;place-items:center;color:var(--accent);font:12px var(--mono);background:#111b1b}.board i{position:absolute;width:5px;height:35px;background:#263a36}.board i:nth-child(2){left:55px;top:25px}.board i:nth-child(3){right:55px;top:25px}.board i:nth-child(4){left:55px;bottom:25px}.board i:nth-child(5){right:55px;bottom:25px}
.education-section{background:rgba(13,18,28,.35)}.timeline{max-width:850px;border-left:1px solid var(--line);margin-left:10px}.timeline-item{position:relative;padding:0 0 55px 42px;display:grid;grid-template-columns:120px 1fr;gap:25px}.timeline-dot{position:absolute;left:-4px;top:5px;width:7px;height:7px;background:var(--accent);box-shadow:0 0 12px var(--accent);border-radius:50%}.timeline-date{font:9px var(--mono);color:var(--accent)}.timeline-content h3{font-size:20px}.timeline-content p{color:var(--text);font-size:13px;margin:4px 0}.timeline-content span{color:var(--muted);font-size:11px}
.currently{padding-top:70px}.currently-box{border:1px solid var(--line);padding:45px;display:flex;justify-content:space-between;gap:50px;align-items:end;background:linear-gradient(110deg,#0d1519,#0d121c);border-radius:11px}.currently-box p{color:var(--muted);max-width:360px;font-size:12px}.currently-box>div>p{display:inline-flex;gap:9px;align-items:center;margin-bottom:14px}.currently-box h2{font-size:38px;line-height:1.05;letter-spacing:-.05em}
.contact{padding-bottom:100px}.contact-box{text-align:center;border-top:1px solid var(--line);padding-top:110px}.contact-box h2{font-size:clamp(52px,8vw,92px);line-height:.93;letter-spacing:-.07em;margin:10px 0 20px}.contact-box>p:not(.mono){color:var(--muted);font-size:14px}.contact-email{display:inline-block;font-size:18px;margin-top:32px;border-bottom:1px solid var(--accent);padding-bottom:4px}.contact-email span{color:var(--accent);margin-left:10px}.contact-links{display:flex;justify-content:center;gap:25px;margin-top:30px}.contact-links a{font:10px var(--mono);color:var(--muted)}.contact-links a:hover{color:var(--accent)}
.footer{border-top:1px solid var(--line);padding:23px 0 35px;display:flex;justify-content:space-between;color:#566274;font-size:10px}.footer a{color:var(--accent)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes blink{50%{opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-8px)}}
.floating-card{animation:float 4s ease-in-out infinite}.card-b{animation-delay:1s}.card-c{animation-delay:2s}
@media(max-width:900px){.nav-links{gap:15px}.hero{grid-template-columns:1fr}.hero-visual{height:430px}.about-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.project,.project.featured{grid-template-columns:45px 1fr}.project-visual{grid-column:2;width:100%}.currently-box{align-items:start;flex-direction:column}}
@media(max-width:650px){.container{width:min(var(--max),calc(100% - 30px))}.nav{height:68px}.nav-cta{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#090d14;border-bottom:1px solid var(--line);padding:18px 25px;flex-direction:column}.nav-links.open{display:flex}.hero{min-height:auto;padding-top:80px}.hero-visual{height:360px;transform:scale(.85)}.hero h1{font-size:60px}.section{padding-top:90px}.skills-grid{grid-template-columns:1fr}.project,.project.featured{grid-template-columns:1fr;padding:22px}.project-number{margin-bottom:-10px}.project-visual{grid-column:1}.timeline-item{grid-template-columns:1fr;gap:8px}.facts{flex-direction:column}.currently-box{padding:28px}.currently-box h2{font-size:30px}.contact-box{padding-top:75px}.contact-box h2{font-size:56px}.footer{flex-direction:column;gap:12px}.orbit-one{width:310px}.orbit-two{height:310px;width:210px}.floating-card{transform:scale(.9)}.card-a{left:-5px}.card-b{right:-5px}}