:root{--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--primary: #3b82f6;--text: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--error: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:radial-gradient(circle at 50% -20%,#1e3a8a 0%,var(--bg) 50%)}.container{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;width:100%;max-width:450px;text-align:center;box-shadow:0 25px 50px -12px #00000080}h1{font-size:24px;font-weight:800;margin-bottom:10px;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p{color:var(--text-muted);font-size:14px;margin-bottom:30px}.qr-container{background:#fff;padding:15px;border-radius:16px;display:inline-block;margin-bottom:20px}.status{font-weight:600;font-size:16px;margin-top:10px;color:var(--text-muted)}.status.success{color:var(--success)}input{width:100%;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0003;color:#fff;font-size:16px;margin-bottom:20px;outline:none}input:focus{border-color:var(--primary)}.button-group{display:flex;gap:15px;margin-bottom:20px}button{flex:1;padding:15px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}.btn-register{background:var(--primary);color:#fff}.btn-login{background:#fff;color:var(--bg)}.error{color:var(--error);margin-bottom:15px;font-size:14px;font-weight:600}