@font-face{font-family:"Google Sans";src:url("../fonts/GoogleSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Google Sans";src:url("../fonts/GoogleSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Google Sans";src:url("../fonts/GoogleSans-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --brand:#E82127;--brand-2:#FF4B51;--brand-press:#C0161C;--brand-wash:#FEF1F1;
  --ink:#12151C;--ink-2:#454C5A;--ink-3:#7C8598;
  --line:#E7E9EE;--line-2:#F0F2F5;--canvas:#F4F5F8;--card:#FFFFFF;--card-glass:rgba(255,255,255,.72);
  --ok:#12805C;--ok-wash:#E8F5EF;--cool:#2C5FA8;--cool-wash:#EDF2FB;
  --r-card:24px;--r-ctl:12px;
  --shadow-card:0 1px 1px rgba(18,21,28,.03),0 30px 60px -28px rgba(18,21,28,.38),0 10px 24px -16px rgba(232,33,39,.10);
}

*{box-sizing:border-box}
body,h1,p{margin:0;padding:0}
html{height:100%;overflow:hidden}

body.auth-body{
  height:100dvh;background:var(--canvas);position:relative;overflow-x:hidden;overflow-y:auto;isolation:isolate;
  font-family:"Google Sans",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  display:flex;align-items:center;justify-content:center;padding:32px 16px;
}

body.auth-body::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(60% 50% at 12% -8%,rgba(232,33,39,.16),transparent 60%),
    radial-gradient(55% 45% at 100% 0%,rgba(44,95,168,.12),transparent 60%),
    radial-gradient(70% 60% at 50% 118%,rgba(18,21,28,.10),transparent 60%),
    linear-gradient(180deg,#F7F8FA 0%,#F1F2F6 100%);
}
body.auth-body::after{
  content:"";position:fixed;z-index:-1;width:620px;height:620px;top:-220px;right:-200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,33,39,.20) 0%,rgba(232,33,39,0) 70%);
  filter:blur(10px);animation:sp-float 16s ease-in-out infinite alternate;
}
@keyframes sp-float{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-26px,34px,0) scale(1.06)}}

.auth-shell{width:100%;max-width:410px;position:relative;animation:sp-rise .55s cubic-bezier(.16,.9,.3,1) both}
@keyframes sp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

.auth-shell::after{
  content:"";position:absolute;left:50%;top:56%;width:145%;padding-top:145%;
  transform:translate(-50%,-50%);z-index:-1;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(232,33,39,.16),rgba(44,95,168,.12),rgba(232,33,39,0) 35%,rgba(232,33,39,0) 60%,rgba(255,75,81,.14),rgba(232,33,39,.16));
  filter:blur(48px);opacity:.85;animation:sp-spin 22s linear infinite;
}
@keyframes sp-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.auth-brand{display:flex;align-items:center;gap:11px;justify-content:center;margin-bottom:26px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;letter-spacing:.1px}
.auth-brand img{display:block;width:auto;filter:drop-shadow(0 6px 14px rgba(232,33,39,.22))}

.auth-card{
  background:var(--card-glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.6);border-radius:var(--r-card);padding:34px 30px 28px;
  box-shadow:var(--shadow-card);position:relative;overflow:hidden;
}
.auth-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--brand),var(--brand-2),var(--brand),transparent);
  opacity:.9;
}
.auth-card h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px;color:var(--ink)}
.auth-sub{margin:0 0 22px;font-size:14px;color:var(--ink-3);line-height:1.55}

.alert{position:relative;border-radius:13px;padding:12px 14px 12px 18px;font-size:13.5px;line-height:1.55;margin-bottom:16px}
.alert::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}
.alert-error{background:var(--brand-wash);color:var(--brand-press)}
.alert-error::before{background:var(--brand-press)}
.alert-success{background:var(--ok-wash);color:var(--ok)}
.alert-success::before{background:var(--ok)}
.alert-info{background:var(--cool-wash);color:var(--cool)}
.alert-info::before{background:var(--cool)}

.google-btn-wrap{
  display:flex;justify-content:center;min-height:50px;border-radius:var(--r-ctl);overflow:hidden;
  transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 8px 18px rgba(18,21,28,.10));
}
.google-btn-wrap:hover{transform:translateY(-1.5px);filter:drop-shadow(0 12px 24px rgba(18,21,28,.14))}
.google-btn-wrap iframe{border-radius:var(--r-ctl)!important}
.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),var(--line))}
.divider::after{background:linear-gradient(90deg,var(--line),var(--line),transparent)}

.alt-login-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;border:1.5px dashed var(--line);color:var(--ink-3);font:inherit;
  font-size:13.5px;font-weight:500;padding:12px 14px;border-radius:var(--r-ctl);cursor:pointer;
  transition:border-color .18s,color .18s,background-color .18s;
}
.alt-login-toggle:hover{border-color:rgba(232,33,39,.45);color:var(--brand);background:var(--brand-wash)}
.alt-login-toggle:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}
.alt-chevron{transition:transform .25s ease;flex:none}
.alt-login.is-open .alt-chevron{transform:rotate(180deg)}
.alt-login.is-open .alt-login-toggle{border-style:solid;border-color:var(--line);color:var(--ink-2);background:transparent}
.alt-login-body{height:0;overflow:hidden;visibility:hidden;margin:0 -6px;padding:0 6px}
.alt-login.is-open .alt-login-body{height:auto;overflow:visible;visibility:visible}
.alt-login-body.is-anim{overflow:hidden;visibility:visible;contain:layout paint}
.alt-login-body-in .auth-form{padding:18px 0 4px}

.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;color:var(--ink-2)}

.auth-form .input-icon-wrap{position:relative;display:flex}
.auth-form .input-icon-wrap .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#7C8598;pointer-events:none}
.auth-form .input-icon-wrap input{width:100%}
.auth-form .input-icon-wrap.has-pw-toggle input{padding-right:42px}
.auth-form .pw-toggle{
  position:absolute;right:5px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:#7C8598;border-radius:8px;
  transition:color .15s,background-color .15s;
}
.auth-form .pw-toggle:hover{color:var(--ink-2);background:rgba(18,21,28,.05)}
.auth-form .pw-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.auth-form .pw-toggle svg{width:18px;height:18px;flex:none}
.auth-form .pw-toggle .eye-off{display:none}
.auth-form .pw-toggle.is-visible .eye{display:none}
.auth-form .pw-toggle.is-visible .eye-off{display:block}

.auth-form input{
  font:inherit;font-size:15px;color:var(--ink);padding:12.5px 14px 12.5px 42px;border:1.5px solid var(--line);
  border-radius:var(--r-ctl);background-color:#FBFCFD;
  transition:border-color .18s,box-shadow .18s,background-color .18s;
}
.auth-form input::placeholder{color:#AAB1C0}
.auth-form input:hover{border-color:#D2D7E1}
.auth-form input:focus{outline:none;background-color:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(232,33,39,.12)}
.auth-form input:-webkit-autofill,
.auth-form input:-webkit-autofill:hover,
.auth-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink);
  -webkit-box-shadow:0 0 0 1000px #FBFCFD inset;
  box-shadow:0 0 0 1000px #FBFCFD inset;
  transition:background-color 99999s ease-in-out 0s;
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:15px;font-weight:600;
  padding:13px 18px;border-radius:var(--r-ctl);border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .18s,color .18s,border-color .18s,transform .12s,box-shadow .18s;
}
.btn:active{transform:scale(.985)}
.btn:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-press));color:#fff;box-shadow:0 10px 22px -10px rgba(232,33,39,.55)}
.btn-primary:hover{box-shadow:0 14px 28px -10px rgba(232,33,39,.65);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink-3);border-color:var(--line)}
.btn-ghost:hover{color:var(--brand);border-color:rgba(232,33,39,.4);background:var(--brand-wash)}

.auth-foot{margin:22px 0 0;text-align:center;font-size:14px;color:var(--ink-3)}
.auth-foot a{color:var(--brand);text-decoration:none;font-weight:600}
.auth-foot a:hover{text-decoration:underline}
.auth-legal{margin:24px 0 0;text-align:center;font-size:12px;line-height:1.7;color:var(--ink-3)}

@media (max-width:400px){.auth-card{padding:26px 20px 22px}.auth-card h1{font-size:22px}}

@media screen and (prefers-color-scheme:dark){
:root:not([data-theme="light"]){--ink:#F2F3F6;--ink-2:#C7CBD6;--ink-3:#8B92A3;
    --line:#2A2E38;--line-2:#242832;--canvas:#0E1015;--card:#161A21;--card-glass:rgba(22,26,33,.68);
    --brand-wash:#2B1416;--ok-wash:#0F2620;--cool-wash:#111E30;}
:root:not([data-theme="light"]) .alert-error{color:#F6787C}
:root:not([data-theme="light"]) .alert-error::before{background:#E8565B}
:root:not([data-theme="light"]) .alert-success{color:#4FD09A}
:root:not([data-theme="light"]) .alert-success::before{background:#3FBF8C}
:root:not([data-theme="light"]) .alert-info{color:#86ACEA}
:root:not([data-theme="light"]) .alert-info::before{background:#6E97DC}
:root:not([data-theme="light"]) body.auth-body::before{background:
      radial-gradient(60% 50% at 12% -8%,rgba(232,33,39,.22),transparent 60%),
      radial-gradient(55% 45% at 100% 0%,rgba(44,95,168,.18),transparent 60%),
      radial-gradient(70% 60% at 50% 118%,rgba(0,0,0,.5),transparent 60%),
      linear-gradient(180deg,#0E1015 0%,#0A0C10 100%);}
:root:not([data-theme="light"]) .auth-card{border-color:rgba(255,255,255,.06)}
:root:not([data-theme="light"]) .auth-form input{background-color:#12161D}
:root:not([data-theme="light"]) .auth-form input:focus{background-color:#151A22}
:root:not([data-theme="light"]) .auth-form input::placeholder{color:#5B6273}
:root:not([data-theme="light"]) .auth-form input:-webkit-autofill,:root:not([data-theme="light"]) .auth-form input:-webkit-autofill:hover,:root:not([data-theme="light"]) .auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);
    -webkit-box-shadow:0 0 0 1000px #12161D inset;
    box-shadow:0 0 0 1000px #12161D inset;}
}
@media screen{
:root[data-theme="dark"]{--ink:#F2F3F6;--ink-2:#C7CBD6;--ink-3:#8B92A3;
    --line:#2A2E38;--line-2:#242832;--canvas:#0E1015;--card:#161A21;--card-glass:rgba(22,26,33,.68);
    --brand-wash:#2B1416;--ok-wash:#0F2620;--cool-wash:#111E30;}
html[data-theme="dark"] .alert-error{color:#F6787C}
html[data-theme="dark"] .alert-error::before{background:#E8565B}
html[data-theme="dark"] .alert-success{color:#4FD09A}
html[data-theme="dark"] .alert-success::before{background:#3FBF8C}
html[data-theme="dark"] .alert-info{color:#86ACEA}
html[data-theme="dark"] .alert-info::before{background:#6E97DC}
html[data-theme="dark"] body.auth-body::before{background:
      radial-gradient(60% 50% at 12% -8%,rgba(232,33,39,.22),transparent 60%),
      radial-gradient(55% 45% at 100% 0%,rgba(44,95,168,.18),transparent 60%),
      radial-gradient(70% 60% at 50% 118%,rgba(0,0,0,.5),transparent 60%),
      linear-gradient(180deg,#0E1015 0%,#0A0C10 100%);}
html[data-theme="dark"] .auth-card{border-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .auth-form input{background-color:#12161D}
html[data-theme="dark"] .auth-form input:focus{background-color:#151A22}
html[data-theme="dark"] .auth-form input::placeholder{color:#5B6273}
html[data-theme="dark"] .auth-form input:-webkit-autofill,html[data-theme="dark"] .auth-form input:-webkit-autofill:hover,html[data-theme="dark"] .auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);
    -webkit-box-shadow:0 0 0 1000px #12161D inset;
    box-shadow:0 0 0 1000px #12161D inset;}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

body.auth-split{
  display:block;padding:0;height:100dvh;overflow-y:auto;background:#F4F5F8;color:#12151C;color-scheme:light;
}
body.auth-split::before,body.auth-split::after{content:none}

.auth-split-shell{
  display:flex;flex-wrap:nowrap;min-height:100%;align-items:stretch;
  padding:clamp(24px,3.2vw,54px);gap:clamp(26px,3vw,50px);
}
.auth-visual{flex:1.15 1 0;min-width:0}
.auth-panel{flex:1 1 0;min-width:0}

.auth-visual{
  position:relative;overflow:hidden;isolation:isolate;border-radius:28px;
  background:
    radial-gradient(62% 52% at 16% 6%,rgba(232,33,39,.11),transparent 62%),
    radial-gradient(58% 48% at 100% 0%,rgba(44,95,168,.13),transparent 62%),
    radial-gradient(78% 66% at 50% 118%,rgba(18,21,28,.10),transparent 64%),
    linear-gradient(162deg,#F5F6FA 0%,#EAEDF4 52%,#EFF1F7 100%);
  border:1px solid #DFE3EC;
  box-shadow:0 32px 70px -42px rgba(18,21,28,.5),0 2px 6px rgba(18,21,28,.04),inset 0 1px 0 rgba(255,255,255,.8);
  color:#12151C;display:flex;flex-direction:column;justify-content:space-between;
  padding:44px 46px 48px;
}
.auth-visual-stars{
  position:absolute;inset:0;z-index:0;opacity:.6;pointer-events:none;
  background-image:radial-gradient(rgba(18,21,28,.07) 1px,transparent 1.4px),radial-gradient(rgba(18,21,28,.05) 1px,transparent 1.4px);
  background-size:34px 34px,58px 58px;background-position:0 0,17px 26px;
  animation:sp-stars-drift 90s linear infinite;
}
@keyframes sp-stars-drift{to{background-position:340px 340px,17px 366px}}

.auth-visual-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#12151C;text-decoration:none;font-weight:600;font-size:15px}
.auth-visual-logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#fff;border-radius:11px;box-shadow:0 8px 18px -10px rgba(18,21,28,.35)}
.auth-visual-logo img{width:22px;height:22px;display:block}

@keyframes sp-rot{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sp-rot-rev{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}

.auth-orb-stage{
  position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;
  min-height:360px;padding:30px 0;overflow:visible;
}
.auth-orb-wrap{position:relative;width:270px;height:270px;flex:none}
.auth-orb-wrap::before{
  content:"";position:absolute;inset:-24%;border-radius:50%;
  background:radial-gradient(circle,rgba(232,33,39,.30) 0%,rgba(255,90,95,.15) 38%,rgba(70,120,220,.10) 60%,transparent 76%);
  filter:blur(34px);
}
@keyframes sp-orb-float{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-9px) scale(1.025)}}

.auth-orb3d{
  position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none;
  animation:sp-orb-float 7s ease-in-out infinite alternate;
}
.auth-orb3d-in{
  position:relative;width:92%;line-height:0;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  animation:sp-mark-sway 16s ease-in-out infinite;
}
.auth-orb3d.is-live .auth-orb3d-in{animation:none}
.auth-orb3d img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 26px 36px rgba(122,14,20,.20)) drop-shadow(0 5px 10px rgba(18,21,28,.08));
}
.auth-orb3d-lit{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.9;
  -webkit-mask:url("../img/logo-3d-mask.svg") center/100% 100% no-repeat;
  mask:url("../img/logo-3d-mask.svg") center/100% 100% no-repeat;
}
.auth-orb3d-lit::before{
  content:"";position:absolute;left:50%;top:50%;width:92%;padding-top:92%;margin:-46% 0 0 -46%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.46) 0%,rgba(255,235,235,.14) 38%,rgba(255,255,255,0) 68%);
  transform:translate3d(var(--lx,-20%),var(--ly,-25%),0);
}
@keyframes sp-mark-sway{
  0%{transform:perspective(900px) rotateY(0deg) rotateX(0deg)}
  25%{transform:perspective(900px) rotateY(-10deg) rotateX(5.5deg)}
  75%{transform:perspective(900px) rotateY(10deg) rotateX(-3deg)}
  100%{transform:perspective(900px) rotateY(0deg) rotateX(0deg)}
}
.auth-orb-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(18,21,28,.16)}
.auth-orb-ring--1{animation:sp-rot 26s linear infinite}
.auth-orb-ring--2{inset:-14%;border-color:rgba(232,33,39,.2);animation:sp-rot 40s linear infinite reverse}
.auth-orb-ring--1 i{
  position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#12151C;
  box-shadow:0 0 10px 2px rgba(18,21,28,.35);margin:-3px;
}
.auth-orb-ring--1 i:nth-child(1){transform:rotate(0deg) translate(50%) rotate(0deg)}
.auth-orb-ring--1 i:nth-child(2){transform:rotate(120deg) translate(50%) rotate(-120deg);background:var(--brand-2);box-shadow:0 0 10px 2px rgba(255,75,81,.7)}
.auth-orb-ring--1 i:nth-child(3){transform:rotate(245deg) translate(50%) rotate(-245deg);background:#4C7FE0;box-shadow:0 0 10px 2px rgba(76,127,224,.6)}

.auth-sat-orbit{
  position:absolute;inset:-20px;border-radius:50%;pointer-events:none;
  animation:sp-rot 32s linear infinite;
}
.auth-sat{
  position:absolute;top:0;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;
  background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 28px -14px rgba(18,21,28,.35),0 2px 8px rgba(18,21,28,.08);
  animation:sp-rot-rev 32s linear infinite;
}
.auth-sat-orbit--outer{inset:-20px}
.auth-sat-orbit--1,.auth-sat-orbit--1 .auth-sat{animation-delay:0s}
.auth-sat-orbit--2,.auth-sat-orbit--2 .auth-sat{animation-delay:-4.57s}
.auth-sat-orbit--3,.auth-sat-orbit--3 .auth-sat{animation-delay:-9.14s}
.auth-sat-orbit--4,.auth-sat-orbit--4 .auth-sat{animation-delay:-13.71s}
.auth-sat-orbit--5,.auth-sat-orbit--5 .auth-sat{animation-delay:-18.29s}
.auth-sat-orbit--6,.auth-sat-orbit--6 .auth-sat{animation-delay:-22.86s}
.auth-sat-orbit--7,.auth-sat-orbit--7 .auth-sat{animation-delay:-27.43s}
.auth-sat-orbit--2 .auth-sat{color:var(--cool)}
.auth-sat-orbit--3 .auth-sat{color:var(--ok)}
.auth-sat-orbit--4 .auth-sat{color:var(--brand)}
.auth-sat-orbit--5 .auth-sat{color:var(--cool)}
.auth-sat-orbit--6 .auth-sat{color:var(--ok)}
.auth-sat-orbit--7 .auth-sat{color:var(--brand-2)}

.auth-visual-copy{position:relative;z-index:1}
.auth-visual-copy h2{font-size:29px;line-height:1.24;font-weight:700;letter-spacing:-.4px;margin:0 0 12px;color:#12151C}
.auth-visual-copy p{margin:0 0 20px;color:#4E5768;font-size:14.5px;line-height:1.6;max-width:380px}
.auth-visual-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.auth-visual-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#333B4C;line-height:1.5}
.auth-visual-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;margin-top:5px;background:linear-gradient(135deg,var(--brand-2),var(--brand))}

.auth-panel{
  --ink:#12151C;--ink-2:#454C5A;--ink-3:#7C8598;--line:#E7E9EE;--card:#FFFFFF;
  --brand-wash:#FEF1F1;--ok-wash:#E8F5EF;--cool-wash:#EDF2FB;
  color:#12151C;
  display:flex;flex-direction:column;background:transparent;
  border:0;box-shadow:none;padding:16px 24px 8px;
}
.auth-panel-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-width:0}
.auth-card--split{
  width:100%;max-width:400px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;
  padding:0;overflow:visible;animation:sp-rise .55s cubic-bezier(.16,.9,.3,1) both;
}
.auth-card--split::before{content:none}
.auth-eyebrow{color:var(--brand);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin:0 0 12px}
.auth-card--split h1{font-size:27px;margin-bottom:8px;color:#0E121A}
.auth-card--split .auth-sub{margin-bottom:26px;color:#5B6376}

.google-cta-label{margin:0 0 10px;font-size:12.5px;font-weight:500;color:var(--ink-3)}
.google-btn{
  position:relative;width:100%;min-height:58px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font:inherit;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;
  padding:16px 20px;cursor:pointer;margin-bottom:6px;
  background:linear-gradient(135deg,rgba(232,33,39,.05),rgba(44,95,168,.045));
  border:1.5px solid rgba(232,33,39,.16);
  transition:border-color .2s,box-shadow .2s,transform .15s,opacity .2s;
}
.google-btn:hover{border-color:rgba(232,33,39,.32);box-shadow:0 16px 34px -16px rgba(232,33,39,.32);transform:translateY(-1px)}
.google-btn:active{transform:translateY(0) scale(.99)}
.google-btn:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}
.google-btn-icon{display:flex;flex:none}
.google-btn-label{flex:none}
.google-btn-spin{
  width:17px;height:17px;flex:none;border-radius:50%;margin-left:2px;
  border:2px solid rgba(18,21,28,.16);border-top-color:var(--brand);
  opacity:0;animation:sp-btn-spin .7s linear infinite;
}
.google-btn.is-loading,.google-btn.is-busy{cursor:progress;opacity:.75}
.google-btn.is-loading .google-btn-spin,.google-btn.is-busy .google-btn-spin{opacity:1}
.google-btn.is-loading:hover,.google-btn.is-busy:hover{transform:none;box-shadow:none;border-color:rgba(232,33,39,.16)}
.google-btn.is-dead{cursor:not-allowed;opacity:.5;filter:grayscale(1)}
.google-btn[disabled]{pointer-events:none}
@keyframes sp-btn-spin{to{transform:rotate(360deg)}}
.google-hint{margin:0 0 6px;font-size:12.5px;line-height:1.6;color:var(--brand-press)}
.google-hint[hidden]{display:none}

.auth-panel-legal{
  margin:26px auto 0;max-width:520px;text-align:center;font-size:11.5px;line-height:1.8;
  color:#8A92A2;padding-top:18px;border-top:1px solid #E4E7EE;width:100%;
}
.auth-panel-legal b{display:block;font-weight:500;color:#5B6376;letter-spacing:.02em}

@media (max-width:1180px){
  .auth-visual{padding:36px 32px 40px}
  .auth-orb-wrap{width:230px;height:230px}
  .auth-orb-stage{min-height:320px}
}
@media (max-height:820px){
  .auth-orb-wrap{width:220px;height:220px}
  .auth-orb-stage{min-height:300px;padding:22px 0}
}
@media (max-height:700px){
  .auth-orb-wrap{width:180px;height:180px}
  .auth-orb-stage{min-height:250px;padding:16px 0}
}

@media (max-width:920px){
  .auth-split-shell{padding:0;gap:0}
  .auth-visual{display:none}
  .auth-panel{padding:36px 20px 22px;min-height:100%}
}

@media (max-width:760px){
  input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=time],select,textarea{font-size:16px!important}
}