*{box-sizing:border-box;margin:0}body{font-family:system-ui,Segoe UI,sans-serif;background:#0b1020;color:#e6e9f5;line-height:1.6}
.wrap{max-width:1120px;margin:auto;padding:0 1.25rem}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;background:#0b1020e6;backdrop-filter:blur(8px);border-bottom:1px solid #1d2540;z-index:9}.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:1.3rem}.logo span,h1 span{color:#5ee0b0}nav a{margin-left:1.2rem;opacity:.85}
.btn{display:inline-block;background:linear-gradient(90deg,#5ee0b0,#4f8cff);color:#071018;font-weight:700;padding:.8rem 1.4rem;border-radius:10px}.btn.sm{padding:.45rem .9rem;opacity:1}.btn.ghost{background:none;border:1px solid #4f8cff;color:#e6e9f5;margin-left:.6rem}
.hero{padding:7rem 0 5rem;background:radial-gradient(circle at 70% 0,#1b2f6b,transparent 60%)}h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;max-width:800px}
.tag{color:#5ee0b0;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.lead{opacity:.8;max-width:640px;margin:1rem 0 2rem;font-size:1.1rem}
section{padding:5rem 0}.alt{background:#0f1630}h2{font-size:2rem;margin-bottom:2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.card{background:#141c38;border:1px solid #232d52;border-radius:14px;padding:1.5rem;transition:.2s}
.card:hover{transform:translateY(-4px);border-color:#4f8cff}.card b{font-size:1.8rem}.card h3{margin:.4rem 0}.card p{opacity:.75;font-size:.95rem}
.proj span{display:block;margin-top:1rem;color:#5ee0b0;font-weight:600}.proj .muted{color:#8a93b5}.steps i{color:#4f8cff;font-weight:800;font-style:normal}
.chips span{display:inline-block;border:1px solid #2b3766;border-radius:99px;padding:.4rem 1rem;margin:.3rem}.center{text-align:center}.center .lead{margin:1rem auto 2rem}
footer{border-top:1px solid #1d2540;padding:2rem 0;opacity:.6;text-align:center}@media(max-width:640px){nav a:not(.btn){display:none}}
.thumb{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;margin-bottom:.8rem;border:1px solid #232d52}.mini{display:flex;gap:.4rem;margin:-.4rem 0 .6rem}.mini img{width:64px;height:44px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid #2b3766;cursor:zoom-in}#lbx{display:none;position:fixed;inset:0;background:#000c;z-index:99;align-items:center;justify-content:center;cursor:zoom-out}#lbx img{max-width:92vw;max-height:90vh;border-radius:10px}