*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1326;color:#dae2fd;font-family:Geist,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 35% at 50% -10%,rgba(6,182,212,.14),transparent),radial-gradient(circle at 90% 45%,rgba(56,189,248,.05),transparent 35%);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}header{height:64px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1216px)/2));background:#0b1326e0;border-bottom:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.brand span,footer span{display:flex;align-items:center}.brand{gap:10px}.brand img{width:34px;height:34px}.brand span{align-items:flex-start;flex-direction:column;line-height:1.1}.brand small{margin-top:4px;color:#94a3b8;font:500 9px JetBrains Mono;text-transform:uppercase;letter-spacing:.08em}nav{display:flex;gap:4px;padding:5px;background:#0f172acc;border:1px solid #33415580;border-radius:12px}nav a{padding:6px 10px;border-radius:8px;color:#94a3b8;font-size:13px}nav a:hover{background:#1e2a47;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.menu{display:none;color:#dae2fd;background:#1e2a47;border:1px solid #334155;border-radius:10px;width:40px;height:40px}.section{width:min(1216px,calc(100% - 32px));margin:auto;padding:80px 0}.hero{padding-top:128px}.hero-copy{max-width:900px}.badges,.actions,.tags,.eyebrow-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.kicker{margin:0 0 8px;color:#06b6d4;font:600 12px JetBrains Mono;text-transform:uppercase;letter-spacing:.12em}.kicker.green{color:#10b981}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(42px,6vw,68px);line-height:1.05;letter-spacing:-.045em}h1 span{background:linear-gradient(90deg,#06b6d4,#67e8f9,#38bdf8);color:transparent;-webkit-background-clip:text;background-clip:text}h2{margin-bottom:10px;font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.03em}h3{line-height:1.25}.lead{max-width:820px;color:#a9b6ca;font-size:19px}.lead strong{color:#f8fafc}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-weight:650;font-size:13px}.button.primary{color:#fff;background:linear-gradient(100deg,#06b6d4,#0891b2);box-shadow:0 8px 30px #06b6d41f}.button.primary:hover{box-shadow:0 0 25px #06b6d459}.button.secondary,.icon-link{color:#dae2fd;background:#1e2a47;border-color:#334155}.button.compact{min-height:38px;padding:8px 14px}.icon-link{padding:9px 12px;border:1px solid #334155;border-radius:10px;font:500 12px JetBrains Mono}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px;padding:16px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:#0f172ab8}.metrics div{display:flex;flex-direction:column-reverse;padding:16px;background:#151f3699;border:1px solid rgba(148,163,184,.1);border-radius:13px}.metrics small{color:#94a3b8}.metrics strong{font-size:28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading p:not(.kicker){max-width:690px;color:#94a3b8}.tag{padding:5px 9px;border:1px solid #33415588;border-radius:8px;background:#1e2a47;color:#aab5c7;font:500 11px JetBrains Mono}.tag.accent{color:#4cd7f6;border-color:#06b6d440;background:#06b6d414}.live{color:#10b981;font:600 11px JetBrains Mono;text-transform:uppercase}.live i,.status{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.project-card{overflow:hidden;display:flex;flex-direction:column;background:#0f172a;border:1px solid rgba(148,163,184,.18);border-radius:20px;transition:.25s}.project-card:hover,.work-card:hover,.skill-card:hover{border-color:#06b6d480;transform:translateY(-2px)}.project-card.featured{display:grid;grid-template-columns:3fr 2fr;margin-bottom:24px;border-radius:26px}.project-media{padding:14px;background:#050a14}.featured .project-media{padding:24px;display:flex;align-items:center}.project-copy{display:flex;flex-direction:column;padding:22px;gap:13px}.featured .project-copy{justify-content:center;padding:34px}.project-copy h3{margin:0;font-size:21px}.featured h3{font-size:28px}.project-copy p{margin:0;color:#94a3b8;font-size:14px}.project-copy .actions{padding-top:15px;margin-top:auto;border-top:1px solid rgba(148,163,184,.15)}.eyebrow-row{justify-content:space-between}.browser{overflow:hidden;width:100%;border:1px solid #334155;border-radius:14px;background:#0f172a;box-shadow:0 18px 50px #00000047}.browser-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#1e293b;border-bottom:1px solid #334155}.dots{display:flex;gap:5px}.dots i{width:9px;height:9px;border-radius:50%;background:#f43f5e}.dots i:nth-child(2){background:#f59e0b}.dots i:nth-child(3){background:#10b981}.address{overflow:hidden;max-width:65%;padding:2px 8px;border-radius:5px;background:#0f172a;color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font:400 10px JetBrains Mono}.shot{aspect-ratio:16/9;overflow:hidden;background:#1e2a47}.shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project-card:hover .shot img{transform:scale(1.035)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work-card,.skill-card,.principles article{padding:22px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#0f172a;transition:.25s}.work-card h3{margin:8px 0}.work-card p,.skill-card p,.principles p,.timeline p,.contact p{color:#94a3b8;font-size:14px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skill-card h3{margin-bottom:18px}.about{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}.principles{display:grid;gap:12px}.principles h3{margin-bottom:5px}.principles p{margin:0}.timeline{position:relative;margin-left:8px;padding-left:28px;border-left:2px solid #334155}.timeline article{position:relative;padding:0 0 32px}.timeline article>i{position:absolute;left:-36px;top:5px;width:14px;height:14px;border:3px solid #0b1326;border-radius:50%;background:#06b6d4;box-shadow:0 0 12px #06b6d4}.timeline span{color:#06b6d4;font:500 11px JetBrains Mono}.timeline h3{margin:6px 0}.timeline em{color:#4cd7f6;font-style:normal}.contact{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:80px;padding:45px;background:linear-gradient(120deg,#0f172a,#151f36);border:1px solid rgba(6,182,212,.25);border-radius:24px}.contact p{max-width:630px;margin:0}.contact-actions{display:flex;gap:10px;flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px max(24px,calc((100vw - 1216px)/2));background:#050a14;border-top:1px solid #1e293b;color:#94a3b8;font-size:13px}footer img{width:26px;margin-right:8px}footer p{margin:0}footer div{display:flex;gap:18px}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#020617db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;overflow:auto;width:min(720px,100%);max-height:90vh;padding:28px;background:#0f172a;border:1px solid #334155;border-radius:22px;box-shadow:0 30px 100px #000}.modal .browser{margin-bottom:25px}.modal-close{position:absolute;z-index:2;top:35px;right:35px;width:34px;height:34px;color:#fff;background:#0b1326;border:1px solid #475569;border-radius:10px;cursor:pointer;font-size:20px}.modal h2{font-size:28px}.modal>p:not(.kicker){color:#94a3b8}@media(max-width:1000px){nav{display:none;position:absolute;top:64px;left:16px;right:16px;flex-direction:column;padding:10px;background:#0f172a;box-shadow:0 20px 60px #000}nav.open{display:flex}.menu{display:block}.project-card.featured{grid-template-columns:1fr}.project-grid,.work-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:30px}.contact{align-items:flex-start;flex-direction:column}.contact-actions{flex-wrap:wrap}}@media(max-width:680px){header{padding:0 16px}.header-actions>.button{display:none}.section{padding:58px 0}.hero{padding-top:100px}h1{font-size:39px}.lead{font-size:16px}.metrics{grid-template-columns:repeat(2,1fr);margin-top:36px;padding:10px}.metrics div{padding:12px}.metrics strong{font-size:22px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.project-grid,.work-grid,.skills-grid{grid-template-columns:1fr}.featured .project-media,.featured .project-copy{padding:14px}.featured h3{font-size:22px}.project-copy .actions .button{width:100%}.contact{width:calc(100% - 32px);padding:28px 20px;margin-bottom:55px}.contact-actions,.contact-actions .button{width:100%}footer{align-items:flex-start;flex-direction:column;padding:25px 16px}.modal{padding:16px}.modal-close{top:22px;right:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}