/* STLBEAST /hub V656 main-path feature restore */
:root{
  --bg:#050b14;--panel:#0b1728;--line:#294568;--text:#eef5ff;--muted:#b8c7db;
  --ice:#8dccff;--blue:#2da8ff;--good:#75e5b8;--warn:#f3d57a;--bad:#ff91a1
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 16% 0%,#142b4e 0,#07101e 44%,#050812 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:#cbe6ff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1200px,calc(100% - 30px));margin:0 auto;padding:22px 0 64px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}
.brand{font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#cbe6ff}
.nav{display:flex;gap:9px;flex-wrap:wrap}
.nav a,.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #4a6eaa;background:#132844;color:#fff;text-decoration:none;font-weight:900;padding:10px 15px;cursor:pointer}
.btn.primary,.nav a.primary,button.primary{background:linear-gradient(180deg,#35aaf5,#185f9d);border-color:#9bd6ff}
.btn.good{background:#0f3b37;border-color:#2b937b}
.hero{border:1px solid var(--line);background:linear-gradient(135deg,rgba(16,31,53,.97),rgba(7,16,30,.98));border-radius:28px;padding:38px;box-shadow:0 24px 80px rgba(0,0,0,.36);margin-bottom:18px}
.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ice);font-size:.78rem;font-weight:950;margin:0 0 10px}
h1{font-size:clamp(2.2rem,5.4vw,5rem);line-height:.96;margin:0 0 16px}
h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.08;margin:0 0 12px}h3{margin:0 0 8px}
.sub{font-size:1.1rem;color:var(--muted);max-width:900px;margin:0 0 18px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr)}
.card{border:1px solid var(--line);border-radius:20px;background:rgba(12,23,40,.92);padding:20px;margin-bottom:14px;box-shadow:0 12px 36px rgba(0,0,0,.18)}
.card p,.card li,.muted{color:var(--muted)}
.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#07101e;color:#cbe6ff;font-size:.82rem;font-weight:900;padding:4px 9px;margin:3px}
.tool-panel{border:1px solid rgba(141,204,255,.35);background:linear-gradient(135deg,rgba(13,46,75,.9),rgba(7,16,30,.95));border-radius:24px;padding:22px;margin-bottom:16px}
.field{display:grid;gap:6px;margin-bottom:12px}label{font-weight:900;color:#d9ecff}
select,input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#07101e;color:#fff;padding:12px;font:inherit}
.result{border:1px solid rgba(117,229,184,.35);background:rgba(10,55,47,.55);border-radius:18px;padding:16px;margin-top:14px}
.warnbox{border:1px solid rgba(243,213,122,.35);background:rgba(69,52,18,.35);border-radius:18px;padding:16px;margin-top:14px}
.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-item{border:1px solid var(--line);background:#081222;border-radius:16px;padding:15px}
.guide-item strong{display:block;color:#fff;margin-bottom:4px}.guide-item span{color:var(--muted);font-size:.95rem}
.table{width:100%;border-collapse:collapse;background:#07101e;border-radius:14px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table th{text-transform:uppercase;letter-spacing:.06em;color:#b9d8ff;font-size:.78rem}
.ok{color:var(--good);font-weight:950}.warning{color:var(--warn);font-weight:950}.bad{color:var(--bad);font-weight:950}
.callout{border:1px solid rgba(117,229,184,.35);background:linear-gradient(135deg,rgba(14,72,67,.45),rgba(7,16,30,.9));border-radius:20px;padding:20px;margin-bottom:14px}
.footer{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
.searchbox{position:sticky;top:0;z-index:3;background:#07101e;border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:14px}
.hide{display:none!important}
@media(max-width:900px){.grid,.grid.two,.grid.four,.guide-list{grid-template-columns:1fr}.hero{padding:25px}.topbar{align-items:flex-start;flex-direction:column}}