:root{--bg:#08101f;--bg2:#0e1a31;--card:#101b33;--card2:#0c1529;--text:#e6edf7;--muted:#9fb0c8;--line:#233354;--accent:#22d3ee;--accent2:#38bdf8;--good:#34d399;}
*{box-sizing:border-box}html,body{min-height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 10% -10%,#1a3f7b 0,transparent 35%),radial-gradient(circle at 90% -20%,#0f455a 0,transparent 32%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);line-height:1.6}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2);text-decoration:underline}
.container{max-width:1220px;margin:0 auto;padding:20px 18px 56px}
header.hero{padding:18px 0 8px}h1{font-size:clamp(1.6rem,2vw + 1rem,2.5rem);margin:0 0 10px}h2{margin:0 0 8px}h3{margin:0 0 8px}
.topnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.topnav a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(13,26,49,.8)}
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.badge{display:inline-block;padding:4px 9px;border:1px solid #35507a;border-radius:999px;background:rgba(34,211,238,.08);font-size:12px;margin:2px 6px 0 0}
small,.muted{color:var(--muted)}.breadcrumbs{color:var(--muted);font-size:13px;margin:2px 0 10px}
.input,.textarea,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0a1427;color:var(--text)}
.textarea{min-height:120px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.btn{border:1px solid #2b5f79;background:linear-gradient(180deg,#123551,#0f2e48);color:#d9f2f9;padding:9px 12px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.08)}
.category-back-row{margin:0 0 14px}
.category-back-row .btn{display:inline-flex;align-items:center;justify-content:center}
.output{border:1px solid var(--line);border-radius:10px;background:#091124;padding:12px;white-space:pre-wrap;word-break:break-word;min-height:60px}
.section{margin-top:20px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:8px;border-bottom:1px solid var(--line);text-align:left}
footer{margin-top:28px;color:var(--muted);font-size:13px}
@media (max-width:760px){.row,.row3{grid-template-columns:1fr}.container{padding:14px 12px 40px}}