@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #06060e;--surface: #0d0d18;--surface2: #111120;--border: rgba(255, 255, 255, .08);--border-active: rgba(64, 128, 220, .5);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .45);--subtle: rgba(255, 255, 255, .22);--accent: #4080dd;--accent-dim: rgba(64, 128, 221, .14);--accent-glow: rgba(64, 128, 221, .3);--accent-orange: #e05820;--accent-orange-dim: rgba(224, 88, 32, .14);--danger: #ff6b6b;--danger-dim: rgba(255, 107, 107, .1);--success: #4ecb8d;--radius: 14px;--radius-sm: 10px;--font-heading: "Unbounded", sans-serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-body);font-size:15px;line-height:1.6;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 500px at 10% -10%,rgba(64,128,221,.14),transparent),radial-gradient(ellipse 600px 400px at 92% 5%,rgba(224,88,32,.1),transparent),radial-gradient(ellipse 500px 350px at 50% 105%,rgba(64,128,221,.07),transparent);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 48px}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 36px;box-shadow:0 0 0 1px #ffffff08,0 24px 60px #0000008c}@media (max-width: 480px){.auth-card{padding:32px 24px;border-radius:16px}}.wordmark{display:flex;align-items:center;gap:10px;margin-bottom:32px}.wordmark-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.wordmark-icon img{width:36px;height:36px;object-fit:cover;border-radius:50%}.wordmark-text{font-family:var(--font-heading);font-size:16px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.card-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.25}.card-subtitle{font-size:14px;color:var(--muted);margin:0 0 28px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);margin-bottom:8px}input[type=email],input[type=text],textarea{width:100%;padding:13px 15px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}input[type=email]:focus,input[type=text]:focus{border-color:#4080dd8c;box-shadow:0 0 0 3px #4080dd1f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:#ffffff1a;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#4080dd47,#e0582026);border-color:#4080dd73;color:#a8c8ff;box-shadow:0 4px 16px #4080dd1f}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4080dd66,#e0582038);border-color:#4080dd99;box-shadow:0 4px 20px #4080dd38}.btn-full{width:100%}.btn-danger{background:var(--danger-dim);border-color:#ff6b6b4d;color:#faa}.btn-danger:hover:not(:disabled){background:#ff6b6b2e}.alert{padding:12px 15px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.alert-danger{background:var(--danger-dim);border:1px solid rgba(255,107,107,.25);color:#faa}.alert-success{background:#4ecb8d1a;border:1px solid rgba(78,203,141,.25);color:#7ee8b0}.otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:24px;width:100%}.otp-cell{text-align:center;font-size:20px;font-weight:700;font-family:Courier New,monospace;padding:13px 0;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;caret-color:var(--accent);min-width:0;width:100%;box-sizing:border-box}.otp-cell:focus{border-color:#4080dd8c;box-shadow:0 0 0 3px #4080dd1f}.otp-cell.filled{border-color:#4080dd59;color:#a8c8ff}@media (max-width: 400px){.otp-cell{font-size:18px;padding:11px 0}.auth-card{padding:28px 18px}}.divider{height:1px;background:var(--border);margin:24px 0}.row{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:13px}.container{max-width:860px;margin:0 auto;padding:28px 16px 60px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.panel-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 4px}.panel-sub{font-size:13px;color:var(--muted);margin:0 0 18px}.config-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.qr-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.qr-img{width:172px;height:172px;background:#fff;border-radius:12px;padding:8px;flex-shrink:0}.code-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:Courier New,monospace;font-size:12px;color:#ffffffbf;white-space:pre-wrap;word-break:break-all;resize:vertical;outline:none;width:100%}.vpn-link-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:Courier New,monospace;font-size:11px;color:#4080ddd9;word-break:break-all;margin-top:12px}.expiry-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;margin-bottom:16px}.btn[style*="flex-direction: column"]{display:inline-flex}.grid2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 680px){.grid2{grid-template-columns:1.2fr .8fr}}.title{font-size:18px;font-weight:700;margin:0 0 12px}.danger{background:var(--danger-dim);border:1px solid rgba(255,107,107,.25);color:#faa}button:not(.btn){padding:11px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .08s}button:not(.btn):disabled{opacity:.45;cursor:not-allowed}button:not(.btn):active{transform:translateY(1px)}.primary:not(.btn-primary){border-color:#4080dd59;background:#4080dd1f}