body{margin:0;background:#070b15;color:#eaf0ff;font-family:Inter,system-ui,sans-serif} .container{max-width:1100px;margin:0 auto;padding:0 24px} header.site{position:sticky;top:0;background:#0a0f20cc;border-bottom:1px solid #14214a} header .in{display:flex;justify-content:space-between;align-items:center;padding:14px 0} nav a{color:#cfe1ff;margin:0 6px;padding:8px 10px;border-radius:10px;text-decoration:none} nav a.active,nav a:hover{background:#0b1734} .btn{display:inline-flex;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid #1f2d55;background:#0b1226;color:#eaf0ff;font-weight:700;cursor:pointer} .btn.primary{background:linear-gradient(160deg,#2d6bff,#5a86ff)} .btn.success{background:linear-gradient(160deg,#0dbb78,#1de098)} .hero{padding:52px 0 28px} .lead{color:#a8b4d9} .panel{background:#0e1631;border:1px solid #1f2d55;border-radius:16px;padding:24px} .card{background:#0b1226;border:1px solid #1f2d55;border-radius:16px;padding:18px;margin:12px 0} .grid{display:grid;gap:16px} .grid.two{grid-template-columns:1fr 1fr}@media(max-width:960px){.grid.two{grid-template-columns:1fr}} .grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.grid.three{grid-template-columns:1fr}} .badge{display:inline-block;background:#0f1f3e;color:#bcd0ff;border:1px solid #2b3b69;border-radius:999px;padding:2px 8px;font-size:12px} .loader{height:4px;background:#0d1a36;overflow:hidden;border-radius:12px;margin:10px 0} .loader>div{height:100%;width:40%;background:linear-gradient(90deg,#2d6bff,#63a0ff);animation:load 1.2s infinite}@keyframes load{0%{transform:translateX(-100%)}50%{transform:translateX(60%)}100%{transform:translateX(220%)}} .error{color:#ff8b8b} footer.site{border-top:1px solid #1a2850;padding:32px 0;text-align:center;color:#9db0e2;margin-top:32px}