:root{--bg:#070707;--panel:#111;--panel2:#171717;--gold:#d7a943;--gold2:#f3d27a;--txt:#f6f2e9;--mut:#b9ad94;--line:rgba(215,169,67,.22);--danger:#ffdfdf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#25200f 0,#070707 42%,#020202 100%);color:var(--txt);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 6vw}.brand{font-weight:900;letter-spacing:.08em}.brand span,.brand{color:var(--gold2)}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.menu a{border:1px solid var(--line);padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.04)}nav a:hover,.menu a:hover{background:linear-gradient(135deg,var(--gold),#7d5b17);color:#111}.wrap{width:min(1160px,92vw);margin:auto;padding:34px 0 70px}.hero{padding:55px 0}.hero h1,.login-card h1,.page-title h1{font-size:clamp(34px,5vw,68px);line-height:.95;margin:12px 0}.mut,p{color:var(--mut);line-height:1.65}.pill,.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--gold2);background:rgba(215,169,67,.08)}.btn,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:16px;padding:14px 20px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#151007;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(215,169,67,.18)}.btn.full,button.full{width:100%}.card,.login-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 20px 55px rgba(0,0,0,.35)}.grid{display:grid;gap:18px}.cards3{grid-template-columns:repeat(3,1fr)}.card h2{color:var(--gold2);margin:8px 0}.menu{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.login-hero{min-height:72vh;display:grid;place-items:center}.login-card{width:min(520px,96vw)}label{display:block;margin:14px 0 7px;color:var(--gold2);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#0a0a0a;color:var(--txt);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold2)}.alert{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.35);color:var(--danger);border-radius:14px;padding:12px;margin:12px 0}.demo-box{margin-top:16px;border:1px dashed var(--line);border-radius:16px;padding:14px;color:var(--mut);font-size:14px}.page-title{display:flex;gap:18px;align-items:center;margin-bottom:20px}.page-title span{font-size:46px}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th,td{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}th{color:var(--gold2);background:rgba(215,169,67,.08)}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:var(--mut)}@media(max-width:760px){.top{align-items:flex-start;gap:12px;flex-direction:column}.cards3{grid-template-columns:1fr}.page-title{align-items:flex-start}.wrap{padding-top:20px}table{display:block;overflow-x:auto}.hero h1,.login-card h1,.page-title h1{font-size:34px}}