.login-page{min-height:calc(100vh - 111px);padding:62px max(5%,calc((100% - 1180px)/2));display:grid;place-items:center;background:radial-gradient(circle at 82% 14%,rgba(164,78,224,.18),transparent 31%),linear-gradient(145deg,#f8f5fb,#eef8f8)}.login-card{width:100%;min-height:690px;display:grid;grid-template-columns:minmax(360px,47%) minmax(0,1fr);overflow:hidden;border:1px solid #e3dfe8;border-radius:21px;background:#fff;box-shadow:0 30px 80px rgba(28,40,62,.14)}.login-visual{min-height:690px;padding:45px;position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:#1d304d}.login-visual>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:51% center}.login-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,29,50,.08),rgba(15,29,50,.22) 40%,rgba(15,29,50,.93))}.login-visual-copy{position:relative;z-index:1}.login-visual-copy>span{color:#d8b2ee;font-size:10px;font-weight:700;letter-spacing:.15em}.login-visual-copy h1{max-width:440px;margin:13px 0 14px;font-size:42px;line-height:1.05;letter-spacing:-.045em}.login-visual-copy p{max-width:420px;margin:0;color:#e2e7ef;font-size:13px;line-height:1.7}.login-trust{margin-top:27px;display:flex;gap:10px;flex-wrap:wrap}.login-trust span{padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#eef2f7;font-size:9px}.login-form-side{padding:48px clamp(34px,5vw,70px);display:flex;align-items:center}.auth-view{width:100%;max-width:470px;margin:auto}.auth-view[hidden]{display:none}.auth-kicker{display:block;margin-bottom:8px;color:#8641c1;font-size:10px;font-weight:700;letter-spacing:.13em}.auth-view h2{margin:0 0 8px;font-size:34px;line-height:1.1;letter-spacing:-.04em}.auth-intro{margin:0 0 27px;color:#697386;font-size:12px;line-height:1.7}.auth-tabs{margin-bottom:27px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:9px;background:#f2eef5}.auth-tab{padding:10px;border:0;border-radius:6px;color:#677184;background:transparent;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.auth-tab.active{color:#7535ad;background:#fff;box-shadow:0 4px 12px rgba(35,42,56,.08)}.auth-form{display:grid;gap:16px}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-field{display:grid;gap:7px;color:#344157;font-size:10px;font-weight:700}.auth-field input{width:100%;padding:14px 15px;border:1px solid #dcd7e1;border-radius:7px;color:#23314a;background:#fff;font:inherit;font-size:12px}.auth-field input:focus{outline:3px solid rgba(142,65,202,.13);border-color:#9b52d2}.password-field{position:relative}.password-field input{padding-right:60px}.password-toggle{position:absolute;right:12px;bottom:14px;padding:0;border:0;color:#7f3ab8;background:transparent;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#697386;font-size:9px}.auth-options label,.auth-consent{display:flex;align-items:flex-start;gap:7px;color:#697386;font-size:9px;line-height:1.5}.auth-options input,.auth-consent input{accent-color:#8840c5}.link-button{padding:0;border:0;color:#7735ad;background:transparent;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.auth-submit{width:100%;min-height:46px;border:0;cursor:pointer}.auth-divider{margin:24px 0;display:flex;align-items:center;gap:13px;color:#9aa1ad;font-size:8px;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#e8e4eb}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.provider-button{padding:11px 8px;border:1px solid #e1dce5;border-radius:7px;color:#344157;background:#fff;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.provider-button:hover{border-color:#b989d7;background:#fbf7fd}.auth-message{min-height:18px;margin:13px 0 0;color:#7135a9;font-size:10px;font-weight:600;line-height:1.5}.auth-message.error{color:#b83d58}.frontend-notice{margin-top:22px;padding:12px 14px;border-left:3px solid #48bbb2;border-radius:0 7px 7px 0;color:#657084;background:#edf8f7;font-size:9px;line-height:1.55}.account-profile{margin:27px 0;padding:25px;display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center;border:1px solid #e4dce9;border-radius:12px;background:#fbf8fd}.account-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#a14cda,#46bdb3);font-size:21px;font-weight:700}.account-profile h3{margin:0 0 4px;font-size:18px}.account-profile p{margin:0;color:#697386;font-size:11px}.account-badge{width:max-content;margin-top:8px;padding:5px 8px;border-radius:999px;color:#147e77;background:#dbf4f1;font-size:8px;font-weight:700}.account-actions{display:grid;gap:10px}.account-actions .button{width:100%}.account-actions button{border:1px solid #d8cde0;cursor:pointer}.auth-back{margin-bottom:24px;display:inline-flex;color:#7735ad;font-size:10px;font-weight:700}.auth-back:hover{text-decoration:underline}
@media(max-width:900px){.login-page{padding:35px 25px}.login-card{grid-template-columns:1fr}.login-visual{min-height:390px}.login-visual>img{object-position:center 46%}.login-form-side{padding:48px 35px}}
@media(max-width:560px){.login-page{padding:0;background:#fff}.login-card{min-height:0;border:0;border-radius:0;box-shadow:none}.login-visual{min-height:330px;padding:28px 21px}.login-visual-copy h1{font-size:35px}.login-form-side{padding:43px 21px}.auth-view h2{font-size:31px}.auth-form-row,.provider-grid{grid-template-columns:1fr}.provider-button{padding:13px}.auth-options{align-items:flex-start;flex-direction:column}.account-profile{grid-template-columns:1fr;text-align:center}.account-avatar,.account-badge{margin-left:auto;margin-right:auto}}