:root{--bg-0:#0c1222;--bg-1:#111a31;--panel:#0f1930b8;--panel-border:#769dff47;--text:#eff5ff;--muted:#9fb5dc;--accent:#2ce5a7;--danger:#ff6d7d}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 10%,#5c79ff38,transparent 30%),radial-gradient(circle at 80% 80%,#2ce5a724,transparent 35%),linear-gradient(135deg,var(--bg-0),var(--bg-1));min-height:100%;color:var(--text);margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;padding:20px}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;box-shadow:0 18px 34px #0000004d}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:10px 14px;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}input,select,textarea{width:100%;color:var(--text);font:inherit;background:#0a1121e0;border:1px solid #8ca8ee61;border-radius:12px;padding:10px 12px}.grid-layout{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:980px){.grid-layout{grid-template-columns:1fr}}