body:is([data-page="main.login"],[data-page="main.register"]){background:var(--entry-bg,#071724);color:var(--entry-text,#eff9fa)}
body[data-page="main.register"]{--entry-top:#1b4154;--entry-bottom:#0c293a;--entry-edge:#041724;--entry-line:#345d6e;--entry-text:#eff9fa;--entry-muted:#a4bac7;--entry-accent:#81d8d0;--entry-main-top:#1a9ea5;--entry-main-bottom:#087d88;--entry-main-edge:#07515a;--entry-bg:#071724;--entry-face:#102b3b;--entry-shadow:#0006}
body[data-page="main.register"][data-ui-theme="fresh_light"]{--entry-top:#fcfdfe;--entry-bottom:#e1e8ed;--entry-edge:#b4bfc8;--entry-line:#c6d0d7;--entry-text:#1b3645;--entry-muted:#556f7f;--entry-accent:#4a6474;--entry-main-top:#5c7280;--entry-main-bottom:#425b6c;--entry-main-edge:#314b5b;--entry-bg:#edf1f4;--entry-face:#f9fbfc;--entry-shadow:#233d511c}
body:is([data-page="main.login"],[data-page="main.register"])[data-ui-theme="soft_neutral"]{--entry-bg:#e8e5df;--entry-face:#fffdf8;--entry-text:#234b48;--entry-muted:#566f69;--entry-line:#becac3;--entry-top:#fdfcf8;--entry-bottom:#dddcd3;--entry-edge:#a9b7ad;--entry-main-top:#658c7d;--entry-main-bottom:#37685d;--entry-main-edge:#2a5048;--entry-accent:#37685d;--entry-shadow:#253b3020}
body:is([data-page="main.login"],[data-page="main.register"])[data-ui-theme="mist_rose"]{--entry-bg:#faedf0;--entry-face:#fff9fa;--entry-text:#65434d;--entry-muted:#81636d;--entry-line:#e5c2cd;--entry-top:#fff9fa;--entry-bottom:#eed6de;--entry-edge:#c9a3b1;--entry-main-top:#b4758c;--entry-main-bottom:#8e5069;--entry-main-edge:#723d54;--entry-accent:#914d68;--entry-shadow:#4b182520}
body:is([data-page="main.login"],[data-page="main.register"])[data-ui-theme="sage_green"]{--entry-bg:#edf5eb;--entry-face:#fcfff9;--entry-text:#33533d;--entry-muted:#637d68;--entry-line:#c5d9c3;--entry-top:#fcfff9;--entry-bottom:#dcebd8;--entry-edge:#a7bea4;--entry-main-top:#6c916b;--entry-main-bottom:#456b4e;--entry-main-edge:#34533c;--entry-accent:#436d4b;--entry-shadow:#183d2020}
body[data-page="main.register"]>.topbar{display:none}body[data-page="main.register"]>main.container{padding:16px 12px 28px;max-width:460px}
.auth-entry{box-sizing:border-box;width:100%;max-width:414px;margin:auto;padding:20px;border:1px solid var(--entry-line);border-radius:24px;background:var(--entry-bg);color:var(--entry-text);box-shadow:0 18px 50px var(--entry-shadow)}
.auth-entry [hidden]{display:none!important}.auth-entry h1{font-size:26px;margin:22px 0 8px}.auth-entry p{color:var(--entry-muted);font-size:13px;line-height:1.6}.auth-entry a{color:var(--entry-accent)}
.auth-entry .auth-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.auth-entry .auth-tile,.auth-entry .signup-methods button,.auth-entry .auth-submit{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:92px;padding:13px 8px;border:1px solid var(--entry-line);border-radius:16px;background:linear-gradient(145deg,var(--entry-top),var(--entry-bottom));box-shadow:inset 0 1px 0 #ffffff50,0 5px 0 var(--entry-edge),0 10px 15px var(--entry-shadow);color:var(--entry-text);text-decoration:none;text-align:center;transition:transform .12s;overflow-wrap:anywhere}
.auth-entry .auth-tile[aria-current=page]{border-color:var(--entry-accent)}.auth-entry .auth-tile.free-tile,.auth-entry .auth-submit{background:linear-gradient(145deg,var(--entry-main-top),var(--entry-main-bottom));color:#fff;border-color:var(--entry-accent)}
.auth-entry .auth-tile:active,.auth-entry .signup-methods button:active,.auth-entry .auth-submit:active{transform:translateY(4px);box-shadow:0 1px 0 var(--entry-edge);filter:brightness(.9)}
.auth-entry .auth-tile strong{font-size:16px}.auth-entry .auth-tile small{font-size:11px}.auth-entry .tile-icon{font-size:24px}.auth-entry .entry-welcome{margin-bottom:10px}
.auth-entry form.auth-password-form,.auth-entry #registerForm{display:grid;gap:15px}.auth-entry label{display:grid;gap:7px;font-size:13px;margin:0}.auth-entry input:not([type=checkbox]),.auth-entry select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--entry-line);border-radius:13px;color:var(--entry-text);background:var(--entry-face);font-size:16px}
.auth-entry .password-field{position:relative;display:block}.auth-entry .password-field input{padding-right:52px}.auth-entry .password-eye{position:absolute;right:3px;top:3px;bottom:3px;width:44px;background:transparent;border:0;color:var(--entry-accent);border-radius:10px;cursor:pointer}.password-eye svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.auth-entry .password-eye[aria-pressed=true]{background:var(--entry-line)}
.auth-entry .signup-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.auth-entry .signup-methods button{min-height:48px;font:inherit;cursor:pointer}.auth-entry .signup-methods [aria-pressed=true]{border-color:var(--entry-accent);color:var(--entry-accent)}
.auth-entry .auth-submit{width:100%;min-height:52px;font-size:16px;cursor:pointer}.auth-entry .signup-steps{display:flex;gap:9px;justify-content:space-between;font-size:12px;color:var(--entry-muted);margin:18px 0}.auth-entry .signup-steps b{color:var(--entry-accent)}
.auth-entry .social-login-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;margin:15px 0}.auth-entry .social-login-btn{min-width:0;min-height:50px;border:1px solid var(--entry-line);border-radius:13px;background:linear-gradient(145deg,var(--entry-top),var(--entry-bottom));box-shadow:0 3px 0 var(--entry-edge);color:var(--entry-text);padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;overflow-wrap:anywhere}.auth-entry .social-login-btn:active{transform:translateY(2px)}
.auth-entry .privacy-note{font-size:11px}.auth-entry .auth-divider{color:var(--entry-muted);font-size:12px;margin-top:22px}.auth-entry .auth-return-link{text-align:center;margin:20px 0 0}.auth-entry .back-login{display:inline-block;min-height:30px;font-size:13px}
@media(max-width:360px){.auth-entry{padding:16px}.auth-entry .entry-login-head{gap:6px}.auth-entry .entry-login-brand{font-size:18px}.auth-entry .entry-login-brand img{width:26px;height:26px}.auth-entry .entry-login-head .ui-language-quick{max-width:115px}}
