/* Approved appearance: 0.1.12. Consolidated stylesheet. */
.login-screen{--blue:#0b43dc;--blue2:#155dff;--navy:#0d1d68;--text:#0a1952;--muted:#7c86a8;--line:#e8ecf6;--bg:#f5f8ff;--card:#fff;--green:#0c8f4f;--purple:#5a19dc;--orange:#ff6a00;--red:#ff1919;--shadow:0 8px 30px rgba(40,67,135,.08)}
*{box-sizing:border-box}
.login-screen{margin:0 auto;padding:0;background:var(--bg);max-width:430px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.app{max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg)}
.hidden{display:none!important}
.auth-shell{min-height:100vh;background:linear-gradient(#edf4ff 0,#f9fbff 100%);padding-bottom:28px;padding-top:env(safe-area-inset-top,0px)}
.auth-hero{height:405px;margin:0;border-radius:0 0 34px 34px;background:radial-gradient(circle at 100% 6%,rgba(255,255,255,.10) 0 112px,transparent 113px),radial-gradient(circle at 0% 72%,rgba(255,255,255,.10) 0 88px,transparent 89px),linear-gradient(145deg,#06359c 0%,#0a4bd5 52%,#0a55f0 100%);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:calc(26px + env(safe-area-inset-top,0px));position:relative;overflow:hidden}
.logo-auth{width:min(280px,calc(100% - 72px));height:auto;object-fit:contain;object-position:center;border-radius:0;margin-top:0;box-shadow:none;max-width:280px;aspect-ratio:auto;margin:18px 0 0;flex-shrink:0;position:relative;top:24px}
.brand-sub{font-size:clamp(0.5rem,2.4vw,0.625rem);opacity:1;margin-top:10px;width:calc(100% - 24px);line-height:1.5;font-weight:500;text-align:center;white-space:nowrap;letter-spacing:0;position:relative;top:24px}
.auth-card{margin:-54px 28px 0;background:#fff;border-radius:26px;padding:24px 24px 25px;box-shadow:0 14px 35px rgba(0,46,145,.10);position:relative}
.auth-card h1{font-size:1.6875rem;margin:0 0 8px;color:#0c164f;text-align:center}
.auth-card .desc{margin:0 0 20px;color:#77809b;font-size:0.875rem;text-align:center}
.field-label{display:block;color:#0d1d68;font-weight:800;font-size:0.8125rem;margin:0 0 7px}
.field{height:58px;border:1px solid #dce3ef;border-radius:13px;display:flex;align-items:center;padding:0 15px;margin:0 0 12px;background:#fff}
.field .ico{width:31px;color:#1451df;font-size:1.3125rem}
.field input{flex:1;border:0;outline:0;font-size:1rem;color:#17245f;background:transparent;min-width:0}
.field input::placeholder{color:#929ab2}
.primary{height:58px;width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#1454ef,#0d43df);color:#fff;font-weight:750;font-size:1.125rem;margin-top:2px}
.primary:disabled{opacity:.55;cursor:default}
.auth-loading{opacity:.7;pointer-events:none}
.otp-note{text-align:center;color:#78829f;font-size:0.75rem;margin:13px 0 2px}
.otp-note .shield{color:#1456ef;font-size:1rem}
.auth-or{display:flex;align-items:center;gap:12px;color:#8b94aa;font-size:0.75rem;margin:12px 0;line-height:18px}
.auth-or:before,.auth-or:after{content:"";height:1px;background:#e3e8f2;flex:1}
.google-btn{height:52px;width:100%;border:2px solid #2460df;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#f1f6ff 100%);color:#0d1d68;font-weight:700;font-size:0.9375rem;box-shadow:0 4px 10px rgba(20,72,170,.18),inset 0 1px 0 rgba(255,255,255,.95);transition:box-shadow .15s ease,transform .15s ease}
.google-g{font-weight:900;font-size:1.1875rem;margin-right:8px;color:#1a73e8}
.auth-switch{text-align:center;color:#7d879e;margin-top:10px;font-size:0.875rem}
.auth-switch a{color:#1747ce;font-weight:800;text-decoration:none}
.copyright{text-align:center;color:#8d96ab;font-size:0.75rem;margin-top:25px}
.auth-msg{font-size:0.75rem;color:#d22727;min-height:17px;text-align:center;margin-top:4px}
.auth-msg.ok{color:#087a48}
.otp-actions{display:flex;gap:8px}
.otp-actions .primary{flex:1}
.link-btn{border:0;background:none;color:#1456ef;font-weight:800;padding:8px 4px}
.google-btn:hover{box-shadow:0 5px 12px rgba(20,72,170,.24),inset 0 1px 0 #fff}
.google-btn:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(20,72,170,.18)}
.google-btn:focus-visible{outline:3px solid #9abaff;outline-offset:3px}
.auth-msg:empty{display:none}
.auth-story-link{display:block;margin:14px 16px 0;color:#50617f;text-decoration:none;font-size:0.75rem;font-weight:750;text-align:center}
.auth-story-link:hover{color:#1454ef}
.auth-story-link .story-label{color:#79b4f2}
.auth-story-link:hover .story-label{color:#559ce7}
@media(max-width:600px){
 .auth-shell{padding-bottom:14px}
 .auth-hero{height:300px;padding-top:calc(14px + env(safe-area-inset-top,0px));border-radius:0 0 28px 28px}
 
 
 
 
 .auth-card{margin:-38px 18px 0;border-radius:22px;padding:17px 18px 18px}
 .auth-card h1{font-size:1.375rem;margin-bottom:4px}
 .auth-card .desc{font-size:0.75rem;margin-bottom:12px}
 .field-label{font-size:0.75rem;margin-bottom:5px}
 .field{height:48px;margin-bottom:9px}
 .field input{font-size:0.9375rem}
 .primary{height:48px;font-size:1rem}
 .otp-note{font-size:0.6875rem;margin-top:9px}
 
 .google-btn{height:46px;font-size:0.875rem}
 
 
 .copyright{font-size:0.625rem;margin-top:10px}
}
@media(max-width:390px) and (max-height:760px){
 .auth-hero{height:270px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
 
 
 
 
 .auth-card{margin:-32px 14px 0;padding:14px 16px 15px}
 .auth-card h1{font-size:1.25rem}
 .auth-card .desc{margin-bottom:9px}
 .field{height:44px}
 .primary{height:44px}
 .google-btn{height:43px}
 .otp-note{margin-top:7px}
 
 
 
 .copyright{margin-top:8px}
}

@media(max-width:600px){.logo-auth{margin-top:24px}}
@media(max-width:390px) and (max-height:760px){.logo-auth{width:min(250px,calc(100% - 72px));margin-top:18px}}