body{font-family:Arial,Helvetica,sans-serif;background:#eef2f7;margin:0;color:#0f172a}.wrap{max-width:1050px;margin:auto;padding:25px}.hero{background:linear-gradient(135deg,#0f172a,#075985);color:white;padding:24px;border-radius:0 0 22px 22px;margin-bottom:20px;box-shadow:0 8px 22px rgba(15,23,42,.18)}.brandRow{display:flex;align-items:center;gap:20px}.logo{width:150px;max-height:75px;object-fit:contain;background:white;padding:10px;border-radius:12px}.hero h1{font-size:38px;margin:0 0 10px}.hero p{font-size:18px;margin:0;color:#e0f2fe}.card{background:white;border:1px solid #dbe1e8;border-radius:16px;padding:22px;box-shadow:0 8px 22px rgba(15,23,42,.08);margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input,select{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:12px;margin-top:6px;margin-bottom:14px;font-size:15px}.btn{background:#0f172a;color:white;border:0;border-radius:12px;padding:13px 20px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:#1e293b}.danger{background:#b91c1c}.ok{background:#047857}.q{border:1px solid #dbe1e8;background:#f8fafc;border-radius:12px;padding:14px;margin:14px 0}.timer{font-size:24px;font-weight:bold;color:#ffedd5;background:#9a3412;padding:4px 10px;border-radius:8px}.muted{color:#64748b}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border:1px solid #dbe1e8;padding:10px;text-align:left}.table th{background:#0f172a;color:white}.success{background:#ecfdf5;border:1px solid #10b981;color:#047857;padding:14px;border-radius:12px}.error{background:#fff1f2;border:1px solid #fb7185;color:#be123c;padding:14px;border-radius:12px}.footer{text-align:center;color:#475569;background:white;border:1px solid #dbe1e8;border-radius:14px;padding:16px;margin:20px 0;font-weight:bold}@media(max-width:800px){.grid{grid-template-columns:1fr}.brandRow{display:block}.logo{margin-bottom:14px}.hero h1{font-size:28px}}