:root{--bg: #0b1020;--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.72);--muted-2: rgba(255,255,255,.55);--border: rgba(255,255,255,.14);--shadow: 0 24px 60px rgba(0,0,0,.4);--radius: 16px;--focus: 0 0 0 3px rgba(88,166,255,.35);--btn: #2f81f7;--btn-hover: #1f6feb}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% 10%,rgba(120,119,198,.28),transparent 55%),radial-gradient(900px 500px at 90% 20%,rgba(46,160,67,.18),transparent 55%),radial-gradient(800px 500px at 70% 85%,rgba(255,193,7,.12),transparent 60%),var(--bg)}.gradient-header,.white-section,.top-logo{display:none!important}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.25fr 1fr}.auth-hero{position:relative;overflow:hidden;padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6)),url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=60);background-size:cover;background-position:center}.hero-logo{display:flex;align-items:center;gap:12px}.logo-circle{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000040;backdrop-filter:blur(10px)}.logo-text{font-weight:800;letter-spacing:.5px}.brand-name{font-weight:700;text-transform:lowercase;opacity:.95}.hero-content{max-width:560px;margin-top:32px}.hero-title{font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin:0 0 14px;letter-spacing:-.02em}.hero-subtitle{margin:0;color:var(--muted);font-size:16px;line-height:1.55;max-width:46ch}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted-2);font-size:13px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.hero-footer a{color:#ffffffbf;text-decoration:none;border-bottom:1px solid transparent}.hero-footer a:hover{border-bottom-color:#ffffff8c}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:40px 28px}.panel-inner{width:100%;max-width:520px;margin:0 auto}.login-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;backdrop-filter:blur(14px)}.card-header{margin-bottom:14px}.card-title{font-size:20px;margin:0 0 6px;letter-spacing:-.01em}.card-subtitle{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}.tabs{margin:16px 0 14px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:4px;gap:4px}.tab-button{border:0;background:transparent;color:#ffffffbf;padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.tab-button:hover{background:rgba(255,255,255,.06);color:#ffffffe6}.tab-button.active{background:rgba(255,255,255,.12);color:#fffffff5;border:1px solid rgba(255,255,255,.16)}.tab-content{display:none}.tab-content.active{display:block}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group label{display:block;font-size:12.5px;font-weight:600;color:#ffffffd1;margin-bottom:6px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}input[type=email],input[type=password],input[type=text]{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(10,12,22,.35);color:#ffffffeb;outline:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}input::placeholder{color:#ffffff73}input:focus{border-color:#58a6ff8c;box-shadow:var(--focus);background:rgba(10,12,22,.5)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:transparent;border:0;padding:0;color:#ffffffa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .05s ease}.password-toggle:hover{color:#fffffff2}.forgot-link{font-size:12px;color:#58a6ffe6;text-decoration:none;border-bottom:1px solid transparent;white-space:nowrap}.forgot-link:hover{border-bottom-color:#58a6ffa6}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:2px;color:#ffffffc7;font-size:13px}.checkbox-group input{width:16px;height:16px;accent-color:var(--btn)}.btn-primary,.btn-secondary{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-weight:700;letter-spacing:.2px;transition:transform .05s ease,background .15s ease,border-color .15s ease;font-size:16px;letter-spacing:.02em}.btn-primary{background:var(--btn);border-color:#ffffff1a;color:#fff;margin-top:4px}.btn-primary:hover{background:var(--btn-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:rgba(255,255,255,.06);color:#ffffffe0}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#ffffff2e}.signup-link{margin-top:30px;margin-bottom:10px;text-align:center;color:#ffffffbf;font-size:13px}.signup-link a{color:#58a6ffe6;text-decoration:none;border-bottom:1px solid transparent;margin-left:6px;font-weight:600}.signup-link a:hover{border-bottom-color:#58a6ffa6}.security-note{margin-top:14px;display:flex;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ffffffb8;font-size:12.5px;line-height:1.45}.security-note p{margin:0}.page-footer{margin-top:20px;color:#fff9}.footer-content{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.footer-main{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer-main a{color:#ffffffb3;text-decoration:none;border-bottom:1px solid transparent}.footer-main a:hover{border-bottom-color:#ffffff8c}.footer-divider{opacity:.35;margin:10px 0;overflow:hidden;white-space:nowrap}.footer-info{font-size:12.5px;line-height:1.5}.footer-link{color:#ffffffbf;text-decoration:none;border-bottom:1px solid transparent}.footer-link:hover{border-bottom-color:#ffffff8c}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:18px;z-index:999}.modal .modal-content{width:100%;max-width:520px;background:rgba(20,22,35,.75);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(16px);padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-header h3{margin:0;font-size:16px}.modal-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#ffffffeb;cursor:pointer;font-size:18px;line-height:1}.modal-close:hover{background:rgba(255,255,255,.1)}.modal-description{margin:0 0 14px;color:#ffffffb8;font-size:13px;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions .btn-secondary,.modal-actions .btn-primary{width:auto;flex:1}.alert{margin-top:14px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:13px;line-height:1.45}.alert strong{display:block;margin-bottom:4px}.alert-success{border-color:#2ecc7159}.alert-error{border-color:#ff6b6b59}@media (max-width: 980px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{padding:28px 18px}.panel-inner{max-width:520px}}.hero-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;max-width:520px}.badge{border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:13px;font-weight:600;color:#ffffffe0;min-height:44px}.badge .icon{width:18px;height:18px;opacity:.95}@media (max-width: 1100px){.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.hero-badges{grid-template-columns:1fr}}.eye-icon{width:18px;height:18px;fill:currentColor;pointer-events:none}.auth-brand{display:flex;justify-content:center;margin-bottom:14px}.auth-brand-name{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fffffff2}.register-step{display:none}.register-step.active{display:block}.stepper{margin:6px 0 14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.stepper-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.stepper-title{font-weight:800;letter-spacing:-.01em;color:#ffffffeb}.stepper-counter{font-size:12.5px;color:#ffffffa6;font-weight:600}.stepper-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.stepper-bar-fill{display:block;height:100%;width:0%;background:rgba(47,129,247,.95);transition:width .2s ease}.step-actions{display:flex;gap:10px;margin-top:8px}.step-actions .btn-secondary,.step-actions .btn-primary{width:auto;flex:1}.step-back[disabled]{opacity:.45;cursor:not-allowed}.field-error{border-color:#ff6b6b8c!important;box-shadow:0 0 0 3px #ff6b6b2e!important}.auth-form .form-group:nth-of-type(2){margin-top:15px}.step-actions .btn-primary,.step-actions .btn-secondary{display:flex;align-items:center;justify-content:center;text-align:center}.step-actions .btn-primary{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#2f81f7;color:#fff;font-weight:700;font-size:14px;letter-spacing:.01em;box-shadow:0 1px #ffffff26 inset,0 8px 20px #2f81f759;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.step-actions .btn-primary:hover{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),#1f6feb;box-shadow:0 1px #ffffff2e inset,0 10px 26px #2f81f773}.step-actions .btn-primary:active{transform:translateY(1px);box-shadow:0 1px #ffffff1f inset,0 6px 14px #2f81f759}.step-actions .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #2f81f773,0 10px 26px #2f81f773}.step-actions .btn-secondary{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:#ffffffd9;font-weight:600;font-size:14px;transition:background .15s ease,border-color .15s ease,color .15s ease}.step-actions .btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#ffffff38;color:#fffffff2}.step-actions .btn-secondary:disabled{opacity:.4;cursor:not-allowed}btn-primary{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#2f81f7;color:#fff;font-weight:700;font-size:14px;letter-spacing:.01em;box-shadow:0 1px #ffffff26 inset,0 8px 20px #2f81f759;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.btn-primary:hover{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),#1f6feb;box-shadow:0 1px #ffffff2e inset,0 10px 26px #2f81f773}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px #ffffff1f inset,0 6px 14px #2f81f759}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #2f81f773,0 10px 26px #2f81f773}.step-actions{align-items:stretch}.step-actions .btn-primary,.step-actions .btn-secondary{align-self:stretch;line-height:1}.step-actions .btn-primary{margin-top:0}html,body{height:100%;overflow:hidden}.auth-shell{height:100dvh;overflow:hidden}.auth-panel{height:100%;overflow:hidden}.panel-inner{max-height:100%;padding-right:6px}@media (max-width: 980px){html,body{overflow:auto}.auth-shell{height:auto;overflow:visible}.panel-inner{max-height:none;overflow:visible;padding-right:0}}