body{overflow:hidden}.auth-stage{z-index:1;place-items:center;width:100%;min-height:100vh;padding:28px;display:grid;position:relative}.auth-theme{z-index:20;cursor:pointer;background:var(--glass-bg-2);border:1px solid var(--card-brd);width:44px;height:44px;color:var(--text);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(180%);transition:transform .18s var(--ease), border-color .18s;border-radius:13px;place-items:center;font-size:19px;display:grid;position:fixed;top:22px;right:24px}.auth-theme:hover{border-color:#3b82f666;transform:translateY(-2px)}.auth-card{background:var(--card-bg);border:1px solid var(--card-brd);width:min(1000px,100%);box-shadow:var(--glass-shadow), 0 40px 90px -40px #0f172a73;-webkit-backdrop-filter:blur(26px)saturate(190%);border-radius:28px;grid-template-columns:.92fr 1fr;display:grid;overflow:hidden}.auth-card.single{grid-template-columns:1fr;width:min(460px,100%)}.auth-card.single .form-panel{text-align:center;align-items:center}.auth-card.single .fp-sub{max-width:100%}.brand-panel{color:#fff;background:radial-gradient(120% 90% at 18% 8%,#60a5fa 0%,#0000 46%),radial-gradient(130% 120% at 92% 18%,#a78bfa 0%,#0000 50%),radial-gradient(140% 130% at 70% 108%,#6366f1 0%,#0000 55%),linear-gradient(150deg,#3b82f6 0%,#4f46e5 48%,#7c3aed 100%);flex-direction:column;min-height:600px;padding:38px 36px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";filter:blur(36px);opacity:.8;pointer-events:none;background:radial-gradient(circle,#60a5faf2,#0000 62%);width:360px;height:360px;position:absolute;top:38%;left:-90px}.brand-panel:after{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(70% 50% at 80% 0,#ffffff38,#0000 60%),linear-gradient(#0000 40%,#28145a59 100%);position:absolute;inset:0}.brand-panel>*{z-index:2;position:relative}.bp-logo{align-items:center;gap:12px;display:flex}.bp-logo .dot{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 5px #ffffff38,0 6px 16px #14143c66}.bp-logo .name{font-family:var(--font-display);letter-spacing:-.02em;font-size:21px;font-weight:800}.bp-foot{margin-top:auto}.bp-eyebrow{letter-spacing:.04em;color:#ffffffc7;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.bp-eyebrow:before{content:"";background:#fff9;width:22px;height:1.5px}.bp-head{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:15ch;font-size:clamp(26px,2.6vw,33px);font-weight:800;line-height:1.12}.bp-dots{gap:7px;margin-top:26px;display:flex}.bp-dots i{background:#ffffff59;border-radius:999px;width:26px;height:5px}.bp-dots i.on{background:#fff;width:34px}.form-panel{background:var(--glass-bg-2);flex-direction:column;justify-content:center;padding:46px 52px;display:flex}[data-theme=dark] .form-panel{background:#ffffff05}.fp-mark{background:var(--st-aktiv-bg);width:46px;height:46px;color:var(--accent);border:1px solid #3b82f638;border-radius:14px;place-items:center;margin-bottom:22px;font-size:22px;display:grid}.fp-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:800}.fp-sub{color:var(--text-muted);text-wrap:pretty;max-width:38ch;margin-top:8px;font-size:14.5px;line-height:1.5}.form{flex-direction:column;gap:18px;margin-top:28px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text);font-size:13.5px;font-weight:600}.field .input-wrap{align-items:center;display:flex;position:relative}.field .input-wrap>svg.lead{width:18px;height:18px;color:var(--text-faint);pointer-events:none;position:absolute;left:14px}.field input{background:var(--glass-bg);border:1.5px solid var(--glass-brd);width:100%;height:50px;color:var(--text);font-family:var(--font-body);border-radius:13px;outline:none;padding:0 14px 0 42px;font-size:15px;transition:border-color .18s,background .18s,box-shadow .18s}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--accent);background:var(--glass-bg-2);box-shadow:0 0 0 4px #3b82f624}.field .toggle-eye{cursor:pointer;width:36px;height:36px;color:var(--text-faint);background:0 0;border:0;border-radius:9px;place-items:center;transition:color .18s,background .18s;display:grid;position:absolute;right:8px}.field .toggle-eye:hover{color:var(--text);background:var(--track)}.field-row{justify-content:space-between;align-items:center;margin-top:-6px;display:flex}.remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:9px;font-size:13.5px;display:flex}.remember input{opacity:0;pointer-events:none;position:absolute}.remember .box{border:1.5px solid var(--text-faint);border-radius:6px;place-items:center;width:19px;height:19px;transition:background .15s,border-color .15s;display:grid}.remember .box svg{opacity:0;color:#fff;width:12px;height:12px;transition:all .15s;transform:scale(.6)}.remember input:checked+.box{background:var(--accent);border-color:var(--accent)}.remember input:checked+.box svg{opacity:1;transform:scale(1)}.link{color:var(--accent);white-space:nowrap;font-size:13.5px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{cursor:pointer;color:#fff;height:52px;font-family:var(--font-body);transition:transform .16s var(--ease), box-shadow .2s, filter .2s;background:linear-gradient(135deg,#3b82f6,#4f46e5);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:4px;font-size:15.5px;font-weight:700;display:flex;box-shadow:0 12px 28px -10px #3b82f6b3}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 16px 34px -10px #3b82f6cc}.btn-primary:active{transform:translateY(0)}.btn-primary .spin{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin;display:none}.btn-primary.loading .spin{display:block}.btn-primary.loading .lbl,.btn-primary.loading svg{display:none}@keyframes spin{to{transform:rotate(360deg)}}.divider{color:var(--text-faint);align-items:center;gap:14px;margin:22px 0 18px;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-brd);flex:1;height:1px}.socials{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.social{cursor:pointer;background:var(--glass-bg);border:1.5px solid var(--glass-brd);height:48px;color:var(--text);border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:border-color .18s,background .18s,transform .18s;display:flex}.social:hover{background:var(--glass-bg-2);border-color:#3b82f659;transform:translateY(-2px)}.social svg{width:19px;height:19px}.socials.two{grid-template-columns:repeat(2,1fr)}.social:disabled{opacity:.45;cursor:not-allowed}.social:disabled:hover{border-color:var(--glass-brd);background:var(--glass-bg);transform:none}.form-alert{background:var(--st-over-bg);color:var(--st-over-fg);border:1px solid #ef444440;border-radius:12px;align-items:center;gap:9px;padding:11px 14px;font-size:13.5px;font-weight:500;display:flex}.form-alert.ok{background:var(--st-done-bg);color:var(--st-done-fg);border-color:#22c55e40}.form-alert svg{flex:none;width:17px;height:17px}.fp-foot{text-align:center;color:var(--text-muted);margin-top:26px;font-size:14px}@media (max-width:820px){body{overflow:auto}.auth-card{grid-template-columns:1fr;max-width:460px}.brand-panel{min-height:260px;padding:30px}.bp-head{max-width:100%;font-size:24px}.form-panel{padding:36px 30px}}@media (max-width:420px){.auth-stage{padding:0}.auth-card{border-radius:0;min-height:100vh}.socials{gap:10px}}