.auth-entry-page [hidden] { display:none!important; }
.auth-brand-panel { display:none; }
@media(min-width:1280px) {
  .auth-entry-page { --accent:#3266aa; --text:#29415f; --muted:#8292a8; --border:#dce5ef; background:#edf2f8; min-height:100vh; display:flex; flex-direction:column; font:14px/1.7 'Segoe UI','Microsoft YaHei',sans-serif; }
  .auth-entry-header { display:flex; align-items:center; justify-content:space-between; width:100%; height:78px; flex:none; padding:0 max(36px,calc((100% - 1200px)/2)); background:#f9fbfe; border-bottom:1px solid #dfe6ef; }
  .auth-entry-brand { display:flex; gap:9px; align-items:center; color:#294d7b; font-size:21px; font-weight:650; letter-spacing:.2px; }
  .auth-entry-brand span { font-weight:400; margin-left:-7px; }
  .auth-entry-brand img { width:30px; height:30px; margin-right:3px; }
  .auth-entry-header nav { display:flex; gap:28px; font-size:13px; }
  .auth-entry-header nav a { color:#7087a5; }
  .auth-entry-main { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(450px,.9fr); gap:48px; align-items:center; padding:30px 36px; flex:1; width:100%; max-width:1352px; margin:0 auto; }
  .auth-entry-main:has([data-state=reg]) { grid-template-columns:minmax(360px,1fr) 680px; gap:28px; }
  .auth-entry-card { background:#fff; border:1px solid #dfe6ef; border-radius:20px; padding:38px; width:100%; max-width:490px; justify-self:end; box-shadow:0 12px 40px #29456d08; }
  .auth-entry-card[data-state=reg] { width:100%; max-width:none; padding:28px 32px; }
  .auth-brand-panel { display:flex; position:relative; transform:translateX(-20px); flex-direction:column; justify-content:center; min-width:0; min-height:620px; padding:38px; border:1px solid #d6e2ef; border-radius:24px; background:radial-gradient(ellipse at 100% 0%,#e7f0fc 0%,transparent 58%),linear-gradient(145deg,#f6f9fd,#e8eff8); overflow:hidden; }
  .auth-brand-kicker { display:flex; align-items:center; gap:8px; color:#708bac; font-size:12px; letter-spacing:1px; }
  .auth-brand-kicker i { width:6px; height:6px; background:#698bb5; border-radius:50%; box-shadow:0 0 0 4px #dfe8f4; margin-right:3px; }
  .auth-brand-copy h2 { color:#28476d; font-size:clamp(32px,2.65vw,39px); letter-spacing:-1px; line-height:1.4; font-weight:650; margin:23px 0 17px; }
  .auth-brand-copy h2 span { color:#5482b6; }
  .auth-brand-copy>p { color:#8093ad; font-size:13px; line-height:1.95; margin:0; }
  .auth-product-figure { position:relative; background:#fff; border:1px solid #d5e1ef; border-radius:13px; margin:29px 0 12px; box-shadow:0 15px 35px #2b4f7b0c; overflow:hidden; }
  .auth-product-top { display:flex; align-items:center; gap:9px; padding:12px 15px; border-bottom:1px solid #e8eef5; }
  .auth-product-mark { color:#fff; background:#5078a7; border:1px solid #436d9f; width:23px; height:23px; display:grid; place-items:center; border-radius:7px; font-size:11px; }
  .auth-product-top b { font-size:11px; color:#57718f; font-weight:600; }
  .auth-product-caption { margin-left:auto; color:#a1aebe; font-size:9px; }
  .auth-product-body { display:grid; grid-template-columns:95px minmax(0,1fr); }
  .auth-product-rail { padding:16px 9px; border-right:1px solid #e8eef5; background:#fafcfe; font-size:10px; color:#8597ae; }
  .auth-product-rail>span { display:block; font-size:9px; margin:0 8px 12px; color:#adb8c7; }
  .auth-product-rail>div { padding:8px 9px; border-radius:5px; margin:2px 0; }
  .auth-product-rail .selected { color:#527eaf; background:#eaf1fb; font-weight:600; }
  .auth-product-content { padding:16px 15px 12px; min-width:0; }
  .auth-product-scenes { display:grid; min-width:0; }
  .auth-product-scenes .auth-product-content { grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .3s ease,visibility .3s; }
  .auth-product-scenes .auth-product-content.active { opacity:1; visibility:visible; }
  .auth-poster-controls { display:flex; justify-content:center; align-items:center; position:relative; margin:0 0 20px; height:20px; }
  .auth-poster-dots { display:flex; align-items:center; gap:4px; }
  .auth-poster-dots button { display:grid; place-items:center; padding:0; width:22px; height:20px; border:0; background:none; cursor:pointer; }
  .auth-poster-dots button::after { content:''; display:block; width:5px; height:5px; border-radius:4px; background:#bdccdf; transition:width .25s,background .25s; }
  .auth-poster-dots button[aria-pressed=true]::after { width:17px; background:#6e90b9; }
  .auth-poster-toggle { position:absolute; right:0; border:0; border-radius:5px; background:#e1e9f4; color:#7d98b9; font-size:10px; width:24px; height:22px; cursor:pointer; }
  .auth-product-label { display:block; color:#8396ad; font-size:10px; margin-bottom:12px; }
  .auth-product-tool { display:flex; align-items:center; gap:10px; border:1px solid #e2eaf4; background:#fcfdff; border-radius:7px; padding:10px 11px; margin-bottom:8px; }
  .auth-product-icon { width:27px; height:29px; border:1px solid #e1e9f4; background:#edf3fb; border-radius:7px; display:grid; place-items:center; color:#6588b1; font-size:16px; flex:none; }
  .auth-product-tool b { display:block; color:#5a7597; font-size:10px; font-weight:600; }
  .auth-product-tool small { display:block; color:#99a8bb; font-size:9px; margin-top:3px; }
  .auth-product-figure figcaption { display:flex; align-items:center; gap:8px; padding:10px 15px; font-size:9px; color:#94a7be; border-top:1px solid #e8eef5; background:#fbfcfe; }
  .auth-product-figure figcaption>span { font-size:14px; color:#7c9abe; }
  .auth-brand-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:10px; color:#89a0bc; }
  .auth-brand-bottom i { height:3px; width:3px; border-radius:50%; background:#bccbdd; }
  .auth-entry-intro { margin-bottom:27px; }
  .auth-entry-eyebrow { font-size:10px; font-weight:600; color:#8b9db5; letter-spacing:2px; }
  .auth-entry-card h1 { font-size:27px; font-weight:650; letter-spacing:-.5px; line-height:1.4; margin:9px 0 8px; color:#29415f; }
  .auth-entry-intro p { color:#8a9ab0; font-size:13px; margin:0; }
  .auth-entry-card .auth-tabs { display:flex; background:#f0f4fa; border:1px solid #e1e8f1; border-radius:9px; padding:4px; gap:5px; margin-bottom:25px; }
  .auth-entry-card .auth-tab { flex:1; font:inherit; font-size:13px; border:0; border-radius:6px; background:none; color:#8a9ab0; padding:9px; cursor:pointer; }
  .auth-entry-card .auth-tab.active { background:#fff; color:#3266aa; box-shadow:0 2px 8px #29456d0a; }
  .auth-entry-card .fld { display:block; margin:0 0 19px; }
  .auth-entry-card .fld-label { display:block; font-size:13px; font-weight:500; color:#4b6689; margin-bottom:8px; }
  .auth-entry-card .fld-label em { color:#9ba8b9; font-size:11px; font-style:normal; font-weight:400; margin-left:4px; }
  .auth-entry-card .fld input { min-width:0; width:100%; padding:12px 13px; border:1px solid #d8e2ef; border-radius:9px; background:#fcfdff; color:#29415f; font:inherit; font-size:14px; height:46px; }
  .auth-entry-card .fld input::placeholder { color:#a0adbf; font-size:13px; }
  .auth-entry-card .fld-row { display:flex; gap:0; align-items:center; border:1px solid #d8e2ef; border-radius:9px; background:#fcfdff; overflow:hidden; }
  .auth-entry-card .fld-row input { border:0; border-radius:0; background:transparent; flex:1; }
  .auth-entry-card .fld-row:focus-within { border-color:#7194c2; box-shadow:0 0 0 3px #3266aa0b; }
  .auth-entry-card .btn-eye,.auth-entry-card .btn-code { position:static; transform:none; border:0; border-left:1px solid #e1e8f1; border-radius:0; box-shadow:none; background:transparent; color:#6382aa; padding:0 13px; font:inherit; font-size:12px; cursor:pointer; height:25px; flex:none; white-space:nowrap; }
  .auth-entry-card .fld-tip { display:block; margin-top:7px; font-size:11px; color:#94a2b6; min-height:18px; }
  .auth-entry-card .fld-tip.err { color:#b25b50; }
  .auth-entry-card .fld-links { text-align:right; margin:-3px 0 18px; font-size:12px; }
  .auth-entry-card .btn-main { width:100%; padding:12px 20px; border:1px solid #3266aa; background:#3266aa; color:#fff; border-radius:9px; font:inherit; font-size:14px; letter-spacing:0; cursor:pointer; margin-top:4px; height:47px; }
  .auth-entry-card .btn-main:hover { background:#2b5b99; }
  .auth-entry-card button:disabled { opacity:.5; cursor:default; }
  .auth-entry-card .switch-line { padding-top:23px; margin:24px 0 0; border-top:1px solid #edf1f6; text-align:center; font-size:13px; color:#94a2b6; }
  .auth-entry-card .switch-line button { border:0; background:none; font:inherit; color:#3266aa; cursor:pointer; margin-left:6px; }
  .auth-entry-card .agree { display:flex; align-items:flex-start; gap:8px; font-size:12px; color:#8a99ad; margin:3px 0 13px; }
  .auth-entry-card .agree input { margin:4px 0 0; width:14px; height:14px; accent-color:#3266aa; flex:none; }
  .auth-entry-card .form-msg { font-size:12px; margin:0 0 12px; line-height:1.7; min-height:0; }
  .auth-entry-card .form-msg:empty { display:none; }
  .auth-entry-card .form-msg.err { color:#ad544b; padding:10px 12px; border-radius:8px; background:#fcf4f2; }
  .auth-entry-card .form-msg.ok { color:#527658; padding:10px 12px; border-radius:8px; background:#f0f6ee; }
  .auth-registration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
  .auth-registration-wide { grid-column:1/-1; }
  .auth-entry-card[data-state=reg] .auth-entry-intro { margin-bottom:23px; }
  .auth-entry-card[data-state=reg] .switch-line { margin-top:17px; padding-top:17px; }
  .auth-entry-footer { text-align:center; padding:8px 24px 23px; font-size:11px; color:#97a5b7; flex:none; line-height:1.9; }
  .auth-entry-footer a { color:inherit; }
  .auth-entry-footer p { margin:7px 0 0; }
  .auth-entry-page :is(button,input,a):focus-visible { outline:2px solid #7194c2; outline-offset:3px; }
  .auth-entry-card .fld-row input:focus { outline:0; box-shadow:none; }
}
@media(min-width:1280px) and (prefers-reduced-motion:reduce) {
  .auth-product-scenes .auth-product-content,.auth-poster-dots button::after { transition:none; }
}