:root{--bg: #080C14;--surf: #0E1520;--surf2: #141D2E;--surf3: #1A2438;--border: rgba(255,255,255,.07);--border-a: rgba(0,210,140,.4);--accent: #00D28C;--accent2: #0099FF;--warn: #F59E0B;--danger: #EF4444;--txt: #E8EDF5;--muted: #6B7A94;--dim: #3A4558;--r: 14px;--rsm: 8px;--shadow: 0 8px 32px rgba(0,0,0,.45);--glow: 0 0 40px rgba(0,210,140,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-panel{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow),var(--glow);padding:36px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:0}.auth-panel.wide{max-width:560px}.auth-panel.narrow{max-width:360px}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo a{display:inline-flex;text-decoration:none}.brand-shared-logo{display:block;max-width:100%;height:auto}.auth-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--txt);margin-bottom:6px;letter-spacing:-.3px}.auth-sub{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.5}.fgrp{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.lbl{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.inp-group{position:relative;display:flex;align-items:center}.inp-icon{position:absolute;left:12px;display:flex;align-items:center;color:var(--dim);pointer-events:none;z-index:1}.inp-icon .app-ico{width:15px;height:15px}.inp-suffix{position:absolute;right:12px;display:flex;align-items:center;color:var(--muted);cursor:pointer;z-index:1;transition:color .15s}.inp-suffix:hover{color:var(--txt)}.inp-suffix .app-ico{width:15px;height:15px}.inp{width:100%;background:var(--surf2);border:1px solid var(--border);border-radius:var(--rsm);color:var(--txt);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 12px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}.inp-group .inp{padding-left:38px}.inp-group .inp-suffix~.inp,.inp-group .inp:has(~.inp-suffix){padding-right:38px}.inp-group .inp{padding-right:38px}.inp::placeholder{color:var(--dim)}.inp:focus{border-color:var(--border-a);box-shadow:0 0 0 3px #00d28c1f;background:var(--surf3)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-strength{height:4px;background:var(--surf3);border-radius:99px;overflow:hidden}.pw-bar{height:100%;border-radius:99px;transition:width .3s ease,background .3s ease}.forgot-row{display:flex;justify-content:flex-end;margin-top:4px}.alert-badge{display:flex;align-items:center;gap:6px;font-size:12px;padding:10px 12px;border-radius:var(--rsm);margin-bottom:12px;line-height:1.4}.alert-danger{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.alert-badge .app-ico{width:14px;height:14px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border-radius:var(--rsm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080c14}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px #00d28c4d}.btn-primary:active{filter:brightness(.95)}.btn-ghost{background:var(--surf2);color:var(--txt);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surf3);border-color:var(--border-a)}.btn-block{width:100%;justify-content:center}.btn .app-ico{width:15px;height:15px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 18px;background:var(--surf2);border:1px solid var(--border);border-radius:var(--rsm);color:var(--txt);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:6px}.social-btn:hover{background:var(--surf3);border-color:var(--border-a)}.social-btn .app-ico{width:16px;height:16px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin:14px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s}.auth-link:hover{color:#00f5a0;text-decoration:underline}.auth-security{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--dim);margin-top:18px;line-height:1.5}.auth-security .app-ico{width:13px;height:13px;flex-shrink:0;margin-top:2px}.plan-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.plan-option{background:var(--surf2);border:1px solid var(--border);border-radius:var(--rsm);padding:12px 10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.plan-option:hover{border-color:var(--border-a);background:var(--surf3)}.plan-option.selected{border-color:var(--accent);background:#00d28c14;box-shadow:0 0 0 1px var(--accent)}.plan-opt-name{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:var(--txt)}.plan-option.selected .plan-opt-name{color:var(--accent)}.plan-opt-price{font-size:11px;color:var(--muted);font-weight:500}.plan-opt-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent2);background:#0099ff1f;border-radius:4px;padding:2px 5px;display:inline-block;width:fit-content}.app-ico{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(max-width:600px){.auth-panel{padding:24px 18px}.plan-select-grid{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}@media(max-width:380px){.plan-select-grid{grid-template-columns:1fr 1fr}}