:root{--ink: #f7f7f2;--muted: #b8c0b3;--bg: #080a0b;--panel: rgba(16, 20, 22, .78);--panel-solid: #121719;--line: rgba(255, 255, 255, .12);--cyan: #4fd1c5;--green: #8bd450;--amber: #f6b94f;--coral: #ef735d;--violet: #9f8cff;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#080a0b;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 12% 15%,rgba(79,209,197,.2),transparent 28%),radial-gradient(circle at 82% 8%,rgba(246,185,79,.14),transparent 30%),radial-gradient(circle at 65% 80%,rgba(139,212,80,.12),transparent 26%),linear-gradient(135deg,#090b0c,#111719 45%,#080a0b)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.72}a{color:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#080a0bc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000059}.brand{display:flex;align-items:center;gap:10px;min-width:220px;text-decoration:none}.mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:conic-gradient(from 180deg,var(--cyan),var(--amber),var(--green),var(--cyan));color:#06100f;font-weight:900}.brand strong{display:block;font-size:.88rem;letter-spacing:.03em}.brand span span{display:block;color:var(--muted);font-size:.72rem}.nav{display:flex;align-items:center;gap:4px}.nav a,.small-action{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.82rem;padding:9px 10px;text-decoration:none;transition:.18s ease;white-space:nowrap}.nav a:hover,.small-action:hover{color:var(--ink);border-color:var(--line);background:#ffffff0f}.small-action{display:inline-flex;align-items:center;gap:8px;border-color:#4fd1c559;color:var(--ink);background:#4fd1c51a}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:30px;min-height:calc(100vh - 90px);align-items:center;padding:54px 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 22px #8bd450d9}h1{margin:0;max-width:780px;font-size:clamp(3.1rem,8vw,7.6rem);line-height:.9;letter-spacing:0}.hero h1 span{color:var(--cyan)}.lead{max-width:690px;margin:24px 0 0;color:#d7ded3;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}.panel-lead{font-size:.98rem;margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:var(--ink);font-weight:750;text-decoration:none;transition:.18s ease}.button.primary{border-color:#4fd1c580;background:#4fd1c5;color:#03100f}.button:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0000004d}.hero-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#121719eb,#0c0f10b8);box-shadow:var(--shadow);overflow:hidden}.terminal-head{display:flex;gap:7px;padding:13px 14px;border-bottom:1px solid var(--line);background:#ffffff0a}.dot{width:10px;height:10px;border-radius:50%}.dot:nth-child(1){background:var(--coral)}.dot:nth-child(2){background:var(--amber)}.dot:nth-child(3){background:var(--green)}.terminal{padding:22px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.metric{min-height:104px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.metric strong{display:block;color:var(--amber);font-size:1.6rem;margin-bottom:5px}.metric span{color:var(--muted);font-size:.82rem;line-height:1.45}.stack-map{display:grid;gap:8px;margin-top:18px}.stack-row{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;color:var(--muted);font-size:.84rem}.bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green),var(--amber))}section{padding:42px 0;scroll-margin-top:96px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.section-head h2{margin:0;font-size:clamp(1.7rem,3.5vw,3.2rem);line-height:1;letter-spacing:0}.section-head p{max-width:480px;margin:0;color:var(--muted);line-height:1.6}.impact-grid,.projects-grid,.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.impact,.project,.skill,.experience-item{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 50px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.impact{min-height:210px;padding:20px}.impact .number{color:var(--green);font-size:2.2rem;font-weight:900}.impact h3,.project h3,.skill h3{margin:12px 0 8px;font-size:1.05rem}.impact p,.project p,.skill p,.experience-item p{margin:0;color:var(--muted);line-height:1.62;font-size:.92rem}.wide-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#0f1314c7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wide-panel h2,.wide-panel h3{margin-top:0}.wide-panel p,.wide-panel li{color:var(--muted);line-height:1.65}.check-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.check-list li{position:relative;padding-left:26px}.check-list li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:3px;background:var(--cyan)}.experience-list{display:grid;gap:12px}.experience-item{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:18px}.role{color:var(--ink);font-weight:850}.meta{margin-top:6px;color:var(--muted);font-size:.84rem}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag{display:inline-flex;align-items:center;min-height:26px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#dbe3d8;background:#ffffff0b;font-size:.75rem}.project,.skill{padding:18px;min-height:245px}.project{display:flex;flex-direction:column}.project-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.project-type{color:var(--amber);font-size:.74rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.project-status{border:1px solid rgba(139,212,80,.35);border-radius:8px;color:#dff6c8;background:#8bd4501a;font-size:.72rem;font-weight:800;padding:4px 7px;white-space:nowrap}.project-status.ongoing{border-color:#f6b94f6b;color:#ffe0a4;background:#f6b94f1f}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.project a{display:inline-flex;min-height:30px;align-items:center;border:1px solid rgba(79,209,197,.28);border-radius:8px;padding:6px 9px;color:var(--cyan);font-size:.84rem;font-weight:750;text-decoration:none}.project a:hover{text-decoration:underline}.skills-grid{grid-template-columns:repeat(4,1fr)}.skill{min-height:178px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid)}.contact h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.contact p{color:var(--muted);line-height:1.65}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.contact-links a{padding:13px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#ffffff0b}footer{padding:26px 0 44px;color:var(--muted);font-size:.82rem;text-align:center}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 980px){.hero,.wide-panel,.contact{grid-template-columns:1fr}.impact-grid,.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.experience-item{grid-template-columns:1fr}}@media (max-width: 760px){.shell{width:min(100% - 24px,var(--max))}.topbar{align-items:start}.brand{min-width:0}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:8px;background:#080a0bf5}.topbar.open .nav{display:flex}.menu-toggle{display:inline-flex}.topbar>.small-action:not(.menu-toggle){display:none}.hero{min-height:auto;padding-top:44px}.metric-grid,.impact-grid,.projects-grid,.skills-grid,.contact-links{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}