*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07101f;color:#eef4ff}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#20385f 0,#07101f 55%)}.login-card{width:min(420px,92vw);padding:38px;border:1px solid #263957;border-radius:24px;background:rgba(12,24,43,.92);box-shadow:0 25px 80px rgba(0,0,0,.45);text-align:center}.rabbit{font-size:82px;filter:drop-shadow(0 0 18px #4da3ff)}.brand{font-size:24px;font-weight:800}.subtitle,.muted,.hint{color:#94a8c7}.login-card input,.searchbox input,.searchbox select{width:100%;padding:14px;margin-top:12px;border-radius:12px;border:1px solid #30435f;background:#0d1b30;color:#fff}.login-card button,.searchbox button,button{width:100%;margin-top:14px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;cursor:pointer}.alert{margin:12px 0;padding:10px;border-radius:10px;background:#4a1d2b;color:#ffb4c0}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{padding:28px 18px;border-right:1px solid #1c2c45;background:#091527}nav{display:grid;gap:8px;margin-top:35px}nav a{padding:12px;border-radius:10px;color:#a9bad3}nav a.active,nav a:hover{background:#142642;color:#fff}main{padding:38px;max-width:1200px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{margin:0;font-size:34px}header p{color:#91a5c2}.online{color:#57e39a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.platform{padding:22px;border-radius:18px;background:linear-gradient(145deg,#12213a,#0b1628);border:1px solid var(--accent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--accent) 12%,transparent);display:grid;gap:8px}.platform small{color:#9fb1cb}.searchbox,.result{margin-top:22px;padding:25px;border:1px solid #243754;border-radius:18px;background:#0d1a2d}.searchbox form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.searchbox form>*{margin-top:0}.searchbox button{margin-top:0}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#17355c;color:#73b5ff;font-size:12px}.code-placeholder{margin:22px 0;padding:22px;border-radius:15px;background:#07101f;font-size:32px;letter-spacing:7px;text-align:center;font-weight:800}@media(max-width:800px){.app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #1c2c45}main{padding:22px}.searchbox form{grid-template-columns:1fr}header{align-items:flex-start;gap:15px}.cards{grid-template-columns:1fr 1fr}}