*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050b12;color:#e8f3ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 5%,rgba(0,153,255,.12),transparent 30%),radial-gradient(circle at 15% 55%,rgba(0,94,255,.08),transparent 28%);z-index:-2}.topbar{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(5,11,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid #17324b}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:700}.brand small{display:block;color:#6e8ca8;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #168bff;border-radius:10px;background:#071a2b;color:#42b0ff}.topbar nav{display:flex;gap:25px}.topbar nav a{color:#94abc0;text-decoration:none;font-size:13px}.topbar nav a:hover{color:#5ec2ff}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:590px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #12314b}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050b12 8%,rgba(5,11,18,.88) 40%,rgba(5,11,18,.3)),radial-gradient(circle at 78% 40%,rgba(10,125,255,.24),transparent 22%),linear-gradient(180deg,transparent 55%,#050b12),url('city.svg') center/cover no-repeat}.hero-content{position:relative;width:min(1180px,90vw);margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#38a8ff;font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:14px 0 20px;max-width:900px}.hero h1 span{color:#35aaff;text-shadow:0 0 28px rgba(30,151,255,.25)}.lead{max-width:720px;color:#a8bed1;font-size:18px}.actions{display:flex;gap:12px;margin-top:30px}.btn{padding:12px 18px;border:1px solid #24506e;border-radius:8px;color:#dff2ff;text-decoration:none;background:#091521}.btn.primary{background:#087bd8;border-color:#159dff}.metrics{width:min(1180px,90vw);margin:-38px auto 0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,18,29,.92);border:1px solid #1b405e;border-radius:12px;box-shadow:0 20px 70px #0008}.metrics article{padding:25px;text-align:center;border-right:1px solid #16324a}.metrics article:last-child{border:0}.metrics strong{display:block;font-size:28px;color:#48b7ff}.metrics span{font-size:12px;color:#7f9bb2;text-transform:uppercase;letter-spacing:1px}.section{width:min(1180px,90vw);margin:auto;padding:90px 0}.section.alt{width:100%;padding-left:5vw;padding-right:5vw;background:#07111b;border-block:1px solid #102d45}.section.alt>*{max-width:1180px;margin-left:auto;margin-right:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2,.about h2{font-size:32px;margin:4px 0}.section-head>p{color:#7f9bb2;max-width:430px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;padding:24px;background:linear-gradient(145deg,#091522,#07101a);border:1px solid #173954;border-radius:12px;min-height:270px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.card:hover{transform:translateY(-3px);border-color:#2676aa;transition:.2s}.trophy{border-color:#9b7128;background:linear-gradient(145deg,rgba(81,54,12,.28),#08131e 50%)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;background:#0a3150;color:#4cbaff;font-size:9px;font-weight:800;letter-spacing:1px}.badge.gold{background:#392b12;color:#f4c95b}.badge.green{background:#0b322b;color:#53dfb0}.icon{font-size:28px;margin-top:25px}.card h3{font-size:20px;margin:10px 0}.card p{color:#8fa9be;font-size:14px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:10px;padding:4px 7px;background:#0a1f30;border:1px solid #173c59;border-radius:4px;color:#75bdf0}.text-btn{background:none;border:0;padding:0;color:#4eb9ff;cursor:pointer;font-weight:700}.library-tools{display:flex;gap:15px;align-items:center;margin-bottom:24px;flex-wrap:wrap}input,select{width:100%;background:#07131f;border:1px solid #1a405d;color:#dceeff;border-radius:7px;padding:11px}#search{max-width:390px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:#091722;border:1px solid #173d5a;color:#7898b0;padding:8px 11px;border-radius:6px;cursor:pointer}.filters button.active{color:#fff;border-color:#168ff0;background:#0a2b45}.project-card{min-height:240px}.project-card .status{font-size:9px;color:#56d8b0}.tools .card{min-height:360px}.tool label{display:block;color:#8da8bd;font-size:12px;margin:13px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{display:flex;justify-content:space-between;align-items:center;background:#030a10;border:1px solid #1b405b;padding:13px;border-radius:7px;margin-top:18px}.result code{color:#65c7ff;font-size:15px}.result button{background:#0c75c3;border:0;color:white;padding:7px 10px;border-radius:5px;cursor:pointer}.timeline{display:grid;gap:12px}.timeline article{padding:20px 24px;border-left:2px solid #168ce5;background:#07131e}.timeline span{font-size:9px;color:#54baff;letter-spacing:1px}.timeline h3{margin:6px 0}.timeline p{margin:0;color:#839eb4}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #14324a}.about>p{color:#93acbf;font-size:17px}footer{padding:40px 5vw;border-top:1px solid #15334b;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;color:#6f8ba2}footer strong{color:#dceeff}dialog{width:min(760px,92vw);background:#07121d;color:#e6f3ff;border:1px solid #24506e;border-radius:12px;padding:30px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:28px;cursor:pointer}.modal-flow{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.modal-flow span{padding:8px 10px;border:1px solid #23506f;border-radius:6px;color:#65c4ff}.modal-flow b{color:#34566d;padding-top:7px}@media(max-width:800px){.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#06111c;flex-direction:column}.topbar nav.open{display:flex}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.grid{grid-template-columns:1fr}.section-head,.about{display:block}.about>p{margin-top:30px}.hero{min-height:620px}.actions{flex-direction:column;align-items:flex-start}.two{grid-template-columns:1fr}}