/* Custom styles; Tailwind via CDN handles utilities */
:root{ --bg:#0b0b12; --text:#e5e7eb; --card:#10121a; --border:rgba(255,255,255,.08); --g1:#f43f5e; --g2:#f59e0b; }
html,body{background:var(--bg); color:var(--text);}
header.sticky{position:sticky; top:0; background:rgba(11,11,18,.85); backdrop-filter:blur(8px); z-index:50; border-bottom:1px solid var(--border);}
.logo{height:40px}
.container-custom{max-width:1100px; margin:0 auto; padding:0 1rem;}
.section{padding:3rem 0;}
.btn{display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.2rem; background:linear-gradient(90deg,var(--g1),var(--g2)); color:#fff; border-radius:.75rem; font-weight:700; text-decoration:none;}
.btn:hover{opacity:.95}
.nav-link{color:#cbd5e1; text-decoration:none; padding:.5rem .75rem; border-radius:.5rem;}
.nav-link:hover{background:rgba(255,255,255,.06)}
.table-responsive{overflow:auto; border:1px solid var(--border); border-radius:.75rem; margin:1rem 0;}
table{width:100%; border-collapse:collapse;}
th,td{padding:.65rem .8rem; border-bottom:1px solid var(--border);}
th{background:#141826; text-align:left;}
.card{background:var(--card); border:1px solid var(--border); border-radius:1rem; padding:1rem;}
.small{font-size:.9rem; color:#9ca3af}
.hero-grad{background: radial-gradient(900px 320px at 20% -10%, rgba(244,63,94,.25), transparent), radial-gradient(900px 320px at 80% -10%, rgba(245,158,11,.25), transparent);}
#menu{display:none}
#menu.open{display:block}
@media (min-width:768px){ #menu{display:block !important} }