*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;min-height:100vh;color:#f8fafc;background:radial-gradient(circle at 15% 10%,rgba(59,130,246,.38),transparent 28%),radial-gradient(circle at 85% 80%,rgba(168,85,247,.28),transparent 32%),linear-gradient(135deg,#050816,#0f172a 55%,#111827)}.page{min-height:100vh;display:grid;grid-template-columns:1.05fr 470px;gap:34px;align-items:center;justify-content:center;padding:42px}.hero-panel{max-width:660px;padding:24px}.hero-badge{display:inline-flex;padding:9px 13px;border:1px solid rgba(147,197,253,.35);border-radius:999px;background:rgba(37,99,235,.14);color:#bfdbfe;font-size:12px;font-weight:900;letter-spacing:.14em}.hero-panel h1{font-size:clamp(42px,6vw,76px);line-height:.92;margin:22px 0 16px;letter-spacing:-.06em}.hero-panel p{max-width:540px;color:#cbd5e1;font-size:18px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stats div{padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:rgba(15,23,42,.54);backdrop-filter:blur(12px)}.stats strong{display:block}.stats span{display:block;margin-top:5px;color:#94a3b8;font-size:13px}.auth-card{width:100%;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.26);border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.brand{display:flex;gap:14px;align-items:center;margin-bottom:22px}.logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 34px rgba(37,99,235,.3)}h1,h2,p{margin:0}.brand h2{font-size:25px}.brand p{margin-top:5px;color:#94a3b8;font-size:14px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(2,6,23,.72);padding:6px;border-radius:18px;margin-bottom:20px}.tab{border:0;padding:12px;color:#94a3b8;background:transparent;border-radius:13px;cursor:pointer;font-weight:900}.tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.form{display:none}.form.active{display:grid;gap:12px}label{color:#cbd5e1;font-size:14px;font-weight:900}input{width:100%;border:1px solid rgba(148,163,184,.28);background:rgba(2,6,23,.62);color:white;border-radius:15px;padding:14px;outline:none;font-size:15px}input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.13)}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px}button{font-family:inherit}.primary,.danger,.ghost{border:0;border-radius:15px;padding:13px 16px;color:white;cursor:pointer;font-weight:950;transition:.15s ease}.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(37,99,235,.28)}.danger{width:100%;margin-top:8px;background:#dc2626}.danger:hover{background:#b91c1c}.ghost{background:rgba(148,163,184,.15)}.ghost:hover{background:rgba(148,163,184,.25)}.small{padding:0 12px}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#64748b}.password-rules span{background:rgba(2,6,23,.45);border:1px solid rgba(148,163,184,.14);border-radius:11px;padding:8px}.password-rules span.valid{color:#22c55e;border-color:rgba(34,197,94,.38)}.message{margin-top:16px;min-height:22px;color:#cbd5e1;font-size:14px;line-height:1.5}.message.error{color:#f87171}.message.success{color:#4ade80}.hidden{display:none!important}.dashboard{display:grid;gap:14px}.profile-box{background:rgba(2,6,23,.58);border:1px solid rgba(148,163,184,.2);border-radius:17px;padding:16px;display:grid;gap:8px;color:#cbd5e1;word-break:break-word}.cf-turnstile{margin-top:4px;margin-bottom:4px}@media(max-width:900px){.page{grid-template-columns:1fr;padding:22px}.hero-panel{display:none}.auth-card{max-width:500px;margin:0 auto}}@media(max-width:520px){.auth-card{padding:20px;border-radius:22px}.brand h2{font-size:22px}.password-rules{grid-template-columns:1fr}}