.login-shell-wrap{background:radial-gradient(1200px 800px at 85% -10%,#00a8ff29,#0000 60%),radial-gradient(900px 700px at -10% 20%,#ffb3211a,#0000 55%),linear-gradient(#e9eef8,#dce3f2);place-items:center;min-height:100dvh;padding:clamp(18px,4vw,64px);display:grid}.login-shell{z-index:1;background:#fffffff0;border-radius:42px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);width:min(1160px,100%);padding:12px;animation:6s ease-in-out infinite login-shell-glow-cycle;display:grid;position:relative;overflow:hidden}@keyframes login-shell-glow-cycle{0%,8%{box-shadow:0 28px 80px #0077ff47}33%,41%{box-shadow:0 28px 80px #ffb32147}66%,74%{box-shadow:0 28px 80px #ef3b4247}to{box-shadow:0 28px 80px #0077ff47}}.login-visual{clip-path:inset(0 round 34px);border-radius:34px;min-width:0;height:100%;min-height:0;overflow:hidden}.login-visual img{object-fit:cover;object-position:center;border-radius:34px;width:100%;height:100%;min-height:0;display:block}.login-panel{flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4vh,56px) clamp(34px,4vw,68px);display:flex}.login-brand{margin-bottom:clamp(28px,4vh,48px)}.login-brand-lockup{align-items:center;gap:16px;display:flex}.login-brand-logo{object-fit:contain;width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px)}.login-brand-name{letter-spacing:-2px;color:#071a4b;margin:0;font-size:clamp(36px,3.6vw,48px);font-weight:800;line-height:1}.login-brand-name span{color:#fdbd16}.login-brand-tagline{color:#61708f;margin:10px 0 0;font-size:14px}.login-panel h1{letter-spacing:-1.2px;color:#071a4b;margin:0 0 8px;font-size:clamp(29px,3vw,42px);line-height:1.08}.login-intro{color:#65718d;margin:0 0 30px;font-size:16px;line-height:1.5}.login-field{gap:8px;margin-bottom:18px;display:grid}.login-field label{color:#071a4b;font-size:14px;font-weight:800}.login-input-wrap{position:relative}.login-input-wrap svg{stroke:#8792aa;fill:none;stroke-width:1.8px;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input-wrap input{width:100%;height:54px;font:inherit;color:#071a4b;background:#fff;border:1px solid #d9dfeb;border-radius:10px;outline:none;padding:0 48px}.login-input-wrap input:focus{border-color:#1568ee;box-shadow:0 0 0 3px #1568ee1f}.login-error{color:#d2323c;margin:-6px 0 18px;font-size:13px;font-weight:700}.login-success{color:#158a4a;background:#22c55e1f;border:1px solid #22c55e59;border-radius:10px;margin:-6px 0 18px;padding:10px 14px;font-size:13px;font-weight:700}.login-divider{color:#6e7890;align-items:center;gap:16px;margin:8px 0 22px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#d9dfeb;flex:1;height:1px}.login-button{width:calc(100% - 28px);max-width:430px;height:48px;font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;margin-right:auto;font-weight:800;transition:transform .2s,box-shadow .2s;display:block}.login-button:hover{transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button-google{color:#17264d;background:#fff;border:1px solid #d8deea;margin-bottom:12px}.login-button-submit{color:#fff;background:linear-gradient(90deg,#0d60e9,#2856dd);border:0;box-shadow:0 12px 28px #145be138}.login-signup{text-align:center;color:#727d95;margin:27px 0 0;font-size:13px}.login-signup a{color:#1261df;font-weight:800;text-decoration:none}@media (max-width:820px){.login-shell{border-radius:30px;grid-template-columns:1fr;width:min(540px,100%)}.login-visual{display:none}.login-panel{padding:28px clamp(24px,7vw,48px)}.login-brand{margin-bottom:26px}}