/* Login only: the authenticated interfaces keep their existing styles. */
#loginView.login110{position:relative;isolation:isolate;display:grid;grid-template-columns:55% 45%;place-items:stretch;min-height:100svh;padding:0;background:radial-gradient(ellipse at 93% 11%,#edf7ff 0,transparent 52%),#f5faff;color:#080d36;font-family:Cabin,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
#loginView .login110-photo{position:relative;width:100%;min-width:0;min-height:100svh;background:linear-gradient(145deg,#83c8ff 0,#2699fa 57%,#50b2ff 100%);overflow:hidden}
#loginView .login110-photo img{position:absolute;inset:0;width:100%;height:108%;object-fit:cover;object-position:49% 0;clip-path:ellipse(112% 91% at 104% 34%)}
#loginView .login110-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#1398fb24 0,transparent 52%,#2d9fff16 100%);pointer-events:none}
#loginView .login110-panel{position:relative;display:grid;place-items:center;min-width:0;padding:clamp(24px,3.7vw,60px) clamp(24px,3.5vw,58px);overflow:hidden}
#loginView .login110-panel::before{content:"";position:absolute;z-index:-1;right:-45%;bottom:-48%;width:115%;height:100%;border-radius:50%;background:linear-gradient(145deg,#d1edff,#96d2ff 75%);transform:rotate(-25deg);pointer-events:none}
#loginView .login-card{position:relative;width:100%;max-width:640px;border:0;border-radius:30px;padding:clamp(26px,2.6vw,44px);background:linear-gradient(135deg,#fff 0,#ffffff 66%,#f8fcff 100%);box-shadow:0 16px 52px #318bf010;text-align:left}
#loginView .login110-brand{display:flex;align-items:center;justify-content:center;padding:0 0 25px;border-bottom:1px solid #d8e7fc}
#loginView .login-logo{display:block;width:min(350px,72%);height:auto;max-width:100%;margin:0;object-fit:contain}
#loginView .login110-welcome{text-align:center;margin:22px 0 32px}
#loginView #loginTitle{margin:0 0 9px;color:#080d36;font-size:clamp(32px,2.7vw,44px);font-weight:750;line-height:1.12;letter-spacing:-.7px}
#loginView #loginIntro{margin:0;color:#596690;font-size:clamp(17px,1.36vw,23px);font-weight:400;line-height:1.42}
#loginView #authForm{margin:0}
#loginView #authForm .field{margin:0 0 23px;min-width:0}
#loginView #authForm .field label{display:block;margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.3;color:#11163d}
#loginView .login110-input{position:relative;display:flex;align-items:center;min-height:62px;border:1.5px solid #d7e8ff;border-radius:15px;background:linear-gradient(140deg,#fff,#fcfdff);box-shadow:0 4px 15px #2286ee07;transition:border-color .15s,box-shadow .15s}
#loginView .login110-input:focus-within{border-color:#248aff;box-shadow:0 0 0 3px #2089ff17}
#loginView .login110-input>span{display:flex;align-items:center;justify-content:center;flex:0 0 59px;color:#1683ff;pointer-events:none}
#loginView .login110-input>span svg{width:27px;height:27px}
#loginView #authEmail,#loginView #authPassword{display:block;min-width:0;width:100%;height:59px;margin:0;padding:12px 14px 12px 0;border:0;border-radius:14px;background:transparent;box-shadow:none;color:#11163d;font:400 17px/1.3 Cabin,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0;scroll-margin-block:100px}
#loginView #authEmail::placeholder,#loginView #authPassword::placeholder{color:#a0aecf;opacity:1}
#loginView #authPassword{padding-right:3px}
#loginView .login110-eye{flex:0 0 53px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;margin:0 3px 0 0;padding:11px;border:0;border-radius:12px;background:transparent;color:#596b99;box-shadow:none;cursor:pointer}
#loginView .login110-eye svg{width:26px;height:26px}
#loginView .login110-eye:hover{background:#edf5ff}
#loginView button:focus-visible{outline:3px solid #185ce2;outline-offset:3px}
#loginView .login110-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:69px;margin:2px 0 0;padding:15px 18px;border:0;border-radius:16px;background:linear-gradient(115deg,#21b0fb 0,#147ffd 57%,#326bff 100%);color:#fff;font-size:20px;font-weight:650;line-height:1.2;text-shadow:none;box-shadow:0 9px 22px #178aff15;cursor:pointer;transition:filter .15s,box-shadow .15s}
#loginView .login110-submit::after{content:"";flex:0 0 26px;display:block;width:26px;height:26px;background:currentColor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 12h16m-6-6 6 6-6 6"/%3E%3C/svg%3E') center/contain no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 12h16m-6-6 6 6-6 6"/%3E%3C/svg%3E') center/contain no-repeat}
#loginView .login110-submit:hover{filter:brightness(1.03);box-shadow:0 9px 25px #178aff24}
#loginView .login110-submit:disabled{opacity:.82;cursor:wait}
#loginView .login110-submit[data-busy="true"]::after{flex-basis:22px;width:22px;height:22px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;background:none;-webkit-mask:none;mask:none;animation:login110-spin .75s linear infinite}
#loginView #authMessage{margin:14px 0 0;color:#596b99;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
#loginView #authMessage:empty{display:none}
#loginView #authMessage[data-error="true"]{padding:12px 14px;border:1px solid #f7ccd4;border-radius:12px;background:#fff4f6;color:#b4233f}
#loginView .login110-secure{display:flex;align-items:center;justify-content:center;gap:13px;margin:35px 0 0;padding:28px 0 0;border-top:1px solid #d8e7fc;color:#596b99;font-size:16px;line-height:1.2}
#loginView .login110-secure svg{width:29px;height:29px;flex:0 0 29px}
@keyframes login110-spin{to{transform:rotate(360deg)}}
@media(min-width:761px) and (max-height:780px){#loginView .login110-panel{padding-block:26px}#loginView .login-card{padding-block:26px}#loginView .login110-brand{padding-bottom:17px}#loginView .login-logo{width:min(285px,66%)}#loginView .login110-welcome{margin:18px 0 25px}#loginView #loginTitle{font-size:34px}#loginView #authForm .field{margin-bottom:19px}#loginView .login110-input{min-height:56px}#loginView #authEmail,#loginView #authPassword{height:53px}#loginView .login110-submit{min-height:58px}#loginView .login110-secure{margin-top:26px;padding-top:22px}}
@media(max-width:760px){#loginView.login110{display:block;min-height:100svh;padding:0 0 max(24px,env(safe-area-inset-bottom));background:linear-gradient(150deg,#f4faff 32%,#f3faff 74%,#cbeaff 100%);overflow:clip}
 #loginView .login110-photo{height:clamp(290px,86vw,430px);min-height:0;background:linear-gradient(145deg,#59c3ff,#1287ff)}
 #loginView .login110-photo img{object-position:51% 0;clip-path:ellipse(91% 89% at 56% 4%)}
 #loginView .login110-photo::after{background:linear-gradient(180deg,transparent 55%,#36b1ff5a 82%,#54c5ff75 100%)}
 #loginView .login110-panel{display:block;overflow:visible;margin-top:clamp(-163px,calc(-22vw - 68px),-135px);padding:0 22px;z-index:2}
 #loginView .login110-panel::before{position:fixed;z-index:-1;right:-75%;bottom:-46%;width:155%;height:75%;border-radius:50%;background:linear-gradient(135deg,#0d8fff,#64c3ff);transform:rotate(-22deg)}
 #loginView .login-card{max-width:520px;margin:0 auto;padding:26px 26px 27px;border-radius:27px;box-shadow:0 12px 38px #308fdf12;background:linear-gradient(145deg,#fff 0,#fff 62%,#f7fbff 100%)}
 #loginView .login110-brand{padding-bottom:17px}
 #loginView .login-logo{width:min(214px,88%)}
 #loginView .login110-welcome{margin:16px 0 24px}
 #loginView #loginTitle{font-size:32px;line-height:1.08;letter-spacing:-.5px}
 #loginView #loginIntro{font-size:17px;line-height:1.35}
 #loginView #authForm .field{margin-bottom:20px}
 #loginView #authForm .field label{font-size:16px;margin-bottom:7px}
 #loginView .login110-input{min-height:55px;border-radius:13px}
 #loginView .login110-input>span{flex-basis:43px}
 #loginView .login110-input>span svg{width:25px;height:25px}
 #loginView #authEmail,#loginView #authPassword{height:52px;font-size:16px;padding-right:8px;border-radius:12px}
 #loginView .login110-eye{flex-basis:43px;min-height:44px;margin-right:2px;padding:9px}
 #loginView .login110-eye svg{width:25px;height:25px}
 #loginView .login110-submit{min-height:57px;border-radius:14px;font-size:18px;gap:12px}
 #loginView .login110-submit::after{width:24px;height:24px;flex-basis:24px}
 #loginView #authMessage{font-size:14px;margin-top:13px}
 #loginView .login110-secure{font-size:14px;gap:10px;margin-top:27px;padding-top:23px}
 #loginView .login110-secure svg{width:25px;height:25px;flex-basis:25px}}
@media(max-width:360px){#loginView .login110-panel{padding-inline:15px;margin-top:-135px}#loginView .login-card{padding-inline:20px}#loginView .login-logo{width:208px}#loginView #loginTitle{font-size:29px}#loginView #loginIntro{font-size:16px}}
@media(prefers-reduced-motion:reduce){#loginView .login110-submit[data-busy="true"]::after{animation:none}#loginView .login110-input,#loginView .login110-submit{transition:none}}