:root{--bg:#0b0f17;--panel:#121826;--muted:#9aa4b2;--text:#e5e7eb;--brand:#7c3aed;--accent:#22d3ee;--card1: linear-gradient(135deg,#1e293b, #3b82f6 60%, #10b981);--card2: linear-gradient(135deg,#1e293b, #a855f7 60%, #06b6d4);--card3: linear-gradient(135deg,#1e293b, #f59e0b 60%, #ef4444);--card4: linear-gradient(135deg,#1e293b, #06b6d4 60%, #14b8a6);--card5: linear-gradient(135deg,#1e293b, #ef4444 60%, #f97316);--card6: linear-gradient(135deg,#1e293b, #22c55e 60%, #84cc16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{font-weight:800;font-size:20px;letter-spacing:.3px}.brand .kb{background:linear-gradient(90deg,#22d3ee,#a855f7,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}nav a{opacity:.85}.title{margin:40px 0 18px;text-align:center;line-height:1.05}.title .top{font-size:40px;font-weight:900}.title .bottom{font-size:40px;font-weight:900;background:linear-gradient(90deg,#22d3ee,#a855f7,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);text-align:center;margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.title .top,.title .bottom{font-size:34px}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.title .top,.title .bottom{font-size:28px}}.card{position:relative;border-radius:18px;padding:18px;min-height:160px;background:var(--panel);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background:var(--card1);transition:opacity .25s}.card.g1:before{background:var(--card1)}.card.g2:before{background:var(--card2)}.card.g3:before{background:var(--card3)}.card.g4:before{background:var(--card4)}.card.g5:before{background:var(--card5)}.card.g6:before{background:var(--card6)}.card:hover:before{opacity:.35}.card h3{position:relative;margin:0 0 6px;font-size:20px}.card p{position:relative;margin:0 0 14px;color:#cbd5e1}.card .open{position:absolute;bottom:14px;left:18px;font-size:13px;opacity:.85}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 980px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cards{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:14px;padding:18px;margin:14px 0}h1{font-size:28px;margin:18px 0 8px}h2{font-size:20px;margin:16px 0 8px}.lead{color:#aab1bb;margin-top:-4px;margin-bottom:18px}.calc{display:grid;grid-template-columns:1fr;gap:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 720px){.row{grid-template-columns:1fr}}label{font-size:13px;color:#cbd5e1}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #283345;background:#0f172a;color:#e5e7eb}input::placeholder,textarea::placeholder{color:#94a3b8}.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#1f2937;border:1px solid #374151}.score{font-weight:800}footer{opacity:.6;margin:20px 0;text-align:center;font-size:12px}