/* Sites efc50d66 auth composition; scoped to real Django account pages. */
@font-face { font-family:SynkroAuth; src:local('Inter'),local('Aptos'),local('Segoe UI'); }
.auth-page { font:14px/1.5 SynkroAuth,'Segoe UI',Arial,sans-serif; font-synthesis:none; background:#fff; }
.auth-page>.main { padding:0; margin:0; max-width:none; min-height:100dvh; }
.auth-page .auth-layout { min-height:100dvh; display:grid; grid-template-columns:46% 54%; background:#fff; border:0; border-radius:0; box-shadow:none; overflow:visible; }
.auth-page .brand { display:flex; gap:9px; padding:0 13px; font-size:30px; font-weight:720; letter-spacing:-1.6px; line-height:1; width:max-content; }
.auth-page .version { font-size:10px; font-weight:400; color:#7e879a; border-color:#e9ebf1; }
.auth-page .auth-story { background:#f0edf9; position:relative; padding:42px 55px; overflow:hidden; display:flex; flex-direction:column; justify-content:normal; }
.auth-page .auth-story::before { content:''; position:absolute; width:800px; height:800px; left:-400px; bottom:-650px; border:100px solid #e6e0f5; border-radius:50%; }
.auth-page .auth-story>.brand { padding:0; position:relative; }
.auth-page .auth-copy { margin:auto 0; position:relative; padding:45px 0; }
.auth-page .auth-copy .eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:2px; color:#9382b6; margin:0; }
.auth-page .auth-copy h2 { font-size:42px; line-height:1.2; letter-spacing:-1.6px; font-weight:600; color:#44365f; margin:18px 0; }
.auth-page .auth-copy>p { color:#8d80a5; max-width:340px; font-size:13px; line-height:1.8; }
.auth-page .auth-preview { margin-top:40px; padding:25px; background:#ffffffa6; border:1px solid #fff; border-radius:13px; box-shadow:0 10px 30px #7c65a90d; max-width:390px; transform:rotate(-2deg); }
.auth-page .preview-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.auth-page .preview-top>span { font-size:12px; color:#74628e; }
.auth-page .preview-value { font-size:23px; font-weight:650; letter-spacing:-1px; margin:6px 0; line-height:1.2; }
.auth-page .preview-badge { float:right; margin-top:4px; display:inline-flex; padding:3px 8px; border-radius:5px; background:#eaf6f0; color:#268674; font-size:10px; font-weight:500; letter-spacing:normal; line-height:1.5; white-space:nowrap; }
.auth-page .mini-bars { display:flex; align-items:end; gap:10px; height:72px; margin-top:20px; }
.auth-page .mini-bars i { flex:1; background:#c5b8ec; border-radius:3px 3px 0 0; }.auth-page .mini-bars i:nth-child(3n) { background:#8a73ce; }
.auth-page .mini-bars i:nth-child(1) { height:30px; }.auth-page .mini-bars i:nth-child(2) { height:45px; }.auth-page .mini-bars i:nth-child(3) { height:36px; }.auth-page .mini-bars i:nth-child(4) { height:61px; }.auth-page .mini-bars i:nth-child(5) { height:52px; }.auth-page .mini-bars i:nth-child(6) { height:65px; }.auth-page .mini-bars i:nth-child(7) { height:57px; }.auth-page .mini-bars i:nth-child(8) { height:72px; }
.auth-page .auth-story-footer { position:relative; color:#a093b8; font-size:10px; }
.auth-page .auth-main { display:flex; align-items:center; justify-content:center; padding:45px 28px; min-width:0; }
.auth-page .auth-form { width:350px; max-width:100%; }.auth-page .auth-form>.brand { display:none; }
.auth-page .auth-form h1 { font-size:27px; font-weight:650; line-height:1.28; letter-spacing:-1px; margin:0 0 9px; }
.auth-page .auth-form>p { font-size:12px; color:#9197a6; margin-bottom:29px; }
.auth-page .form-fields { gap:18px; }.auth-page .field label { font-size:11px; font-weight:400; color:#626a80; margin-bottom:6px; line-height:1.5; }
.auth-page input,.auth-page select,.auth-page textarea { border:1px solid #e0e3ec; border-radius:7px; background:#fff; padding:10px 12px; color:#51586f; min-height:40px; font:inherit; outline:none; }
.auth-page input::placeholder { color:#9197a6; }.auth-page input:focus,.auth-page select:focus,.auth-page textarea:focus { border-color:#9b8be0; box-shadow:0 0 0 3px #6855d80c; }
.auth-page :focus-visible { outline:3px solid #9c8cf0; outline-offset:3px; }.auth-page [aria-invalid=true] { border-color:var(--danger); }
.auth-page .password-toggle { display:block; position:relative; }.auth-page .password-toggle input { padding-right:42px; }.auth-page .password-icon { position:absolute; right:6px; top:5px; width:30px; height:30px; display:grid; place-items:center; color:#82889b; pointer-events:none; }.auth-page .password-icon .icon { width:15px; height:15px; }
.auth-page button,.auth-page .button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:8px 13px; border:1px solid #6855d8; border-radius:7px; font-size:11px; font-weight:550; line-height:1.5; background:#6855d8; color:#fff; box-shadow:0 2px 3px #6855d818; text-decoration:none; }
.auth-page button:hover,.auth-page .button:hover { background:#5946c5; border-color:#5946c5; }.auth-page button:disabled { opacity:.45; cursor:not-allowed; }
.auth-page .auth-form form>button { width:100%; margin-top:22px; }.auth-page .auth-form form>.auth-remember+button { margin-top:0; }
.auth-page .auth-form form>button .icon { width:15px; height:15px; }
.auth-page .auth-remember { font-size:10px; display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:21px; margin:18px 0 23px; color:#969bab; }
.auth-page a { text-decoration:none; }.auth-page a:hover { text-decoration:underline; }.auth-page .brand:hover,.auth-page .button:hover { text-decoration:none; }
.auth-page .form-bottom { text-align:center; font-size:11px; color:#71778b; margin-top:23px; }
.auth-page .auth-demo { margin-top:32px; padding-top:20px; border-top:1px solid #e9ebf1; text-align:center; font-size:10px; color:#a4a8b5; }.auth-page .auth-demo span { display:inline-block; margin-top:8px; }
.auth-page .auth-links { margin-top:23px; font-size:11px; }.auth-page .auth-note { font-size:11px; line-height:1.7; }.auth-page .helptext { font-size:11px; }
.auth-page .auth-back { width:100%; margin-top:0; }.auth-page .auth-story-footer { max-width:none; line-height:1.5; }
.auth-page input,.auth-page select,.auth-page textarea { font-size:13px; }.auth-page button,.auth-page .button { font-size:12px; }.auth-page :focus-visible { border-radius:5px; }
.auth-page button:focus-visible,.auth-page .button:focus-visible { border-radius:7px; }
@media(max-width:1050px) { .auth-page .auth-story { padding:40px; }.auth-page .auth-copy h2 { font-size:35px; } }
@media(max-width:900px) { .auth-page .auth-layout { grid-template-columns:42% 58%; }.auth-page .auth-story { padding:30px; }.auth-page .auth-copy h2 { font-size:32px; }.auth-page .auth-preview { padding:20px; }.auth-page .auth-copy>p { font-size:12px; } }
@media(max-width:720px) { .auth-page .auth-layout { display:block; }.auth-page .auth-story { display:none; }.auth-page .auth-main { min-height:100dvh; padding:35px 25px; }.auth-page .auth-form>.brand { display:flex; margin-bottom:55px; padding:0; }.auth-page .auth-form h1 { font-size:26px; }.auth-page .auth-form { min-width:0; } }
@media(max-width:480px) { .auth-page .auth-form>.brand { margin-bottom:45px; }.auth-page .brand { font-size:27px; }.auth-page input,.auth-page select,.auth-page textarea { font-size:16px; }.auth-page button,.auth-page .button { font-size:11px; min-height:42px; } }