.login-page{background:var(--background);min-height:100dvh;color:var(--foreground);flex-direction:column;padding:32px clamp(24px,6vw,100px);display:flex}.login-header{justify-content:space-between;align-items:center;display:flex}.login-brand{font-family:var(--font-lato), sans-serif;color:var(--foreground);align-items:center;gap:12px;font-size:27px;font-weight:600;text-decoration:none;display:flex}.login-brand>span{color:#fff;background:#7051e8;border-radius:13px;place-items:center;width:42px;height:42px;font-size:28px;display:grid;position:relative}.login-brand>span>span{color:#c9f293;position:absolute;bottom:0;right:4px}.login-layout{flex:1;grid-template-columns:1fr minmax(320px,440px);align-items:center;gap:clamp(40px,9vw,150px);width:100%;max-width:1120px;margin:50px auto;display:grid}.login-kicker{letter-spacing:.18em;color:var(--muted-foreground);margin-bottom:24px;font-size:11px;font-weight:600}.login-intro h1{font-family:var(--font-lato), sans-serif;letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(36px,4vw,58px);font-weight:600;line-height:1.13}.login-intro h1 em{color:#9474f9;font-style:normal}.login-intro>p{max-width:350px;color:var(--muted-foreground);font-size:16px;line-height:1.7}.login-decoration{width:220px;height:100px;margin-top:35px;position:relative;overflow:hidden}.login-orbit{border:1px solid #9474f947;border-radius:50%;width:180px;height:180px;position:absolute;top:5px;left:-35px}.login-orbit.second{top:20px;left:55px}.login-decoration>span{background:var(--surface);border:1px solid var(--border);font:600 28px var(--font-lato), sans-serif;color:#9474f9;border-radius:18px;padding:12px 18px;position:absolute;top:28px;left:74px;transform:rotate(-12deg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:36px;box-shadow:0 18px 70px #00000005}.login-lock{background:var(--accent);width:48px;height:48px;color:var(--accent-foreground);border-radius:14px;place-items:center;margin-bottom:25px;display:grid}.login-card h2{font:600 27px var(--font-lato), sans-serif;letter-spacing:-.04em;margin:0 0 10px}.login-card>p{font-size:14px;line-height:1.6}.login-card form{margin-top:29px}.login-card label{margin:18px 0 8px;font-size:13px;font-weight:500;display:block}.login-card input{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:10px;min-height:48px;padding:13px 14px;font-size:14px;display:block}.login-card input::placeholder{color:var(--muted-foreground)}.login-card input:focus{outline-offset:2px;outline:2px solid #9474f9}.login-password{position:relative}.login-password input{padding-right:48px}.login-password button{height:100%;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;padding:6px;display:flex;position:absolute;top:0;right:10px}.login-submit{color:#fff;cursor:pointer;background:#7051e8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:26px;padding:14px;font-weight:600;display:flex}.login-submit:disabled{opacity:.6;cursor:wait}.login-help{text-align:center;color:var(--muted-foreground);margin-top:25px;font-size:12px!important}.login-recovery{text-align:center;color:var(--muted-foreground);margin-top:18px;font-size:11px;text-decoration:underline;display:block}.login-error{color:var(--destructive);margin-top:14px;font-size:13px}.login-footer{color:var(--muted-foreground);text-align:center;font-size:11px}.password-settings{gap:12px;display:grid}.password-settings label{gap:6px;font-size:13px;display:grid}.password-settings input,.password-settings select{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:8px;width:100%;padding:12px}.password-settings p{font-size:13px}.password-settings button{color:#fff;background:#7051e8;border:0;border-radius:8px;padding:12px}.password-settings button:disabled{opacity:.5}@media (max-width:760px){.login-page{padding:24px}.login-layout{max-width:440px;margin:36px auto;display:block}.login-intro{display:none}.login-card{padding:28px}.login-footer{margin-top:12px}}
