:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#25334a;background:#e9eef7}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 12% 15%,#c3d6fa 0,transparent 48%),radial-gradient(ellipse at 90% 80%,#d8cef4 0,transparent 48%),radial-gradient(ellipse at 80% 5%,#daf1ef 0,transparent 42%),#edf1f8}.login-shell{display:grid;place-items:center;min-height:100svh;padding:32px 20px}.glass-card{width:100%;max-width:380px;padding:36px 32px 32px;border:1px solid #ffffffe0;border-radius:32px;background:#ffffff85;-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px 0 #fff,0 24px 65px #394e7820,0 3px 12px #ffffff50}.login-logo{display:block;margin:0 auto 14px;border-radius:16px;box-shadow:0 8px 20px #4565bd24}h1{text-align:center;letter-spacing:.04em;font-size:22px;font-weight:650;margin:0 0 30px}form{display:grid;gap:14px}input{display:block;width:100%;min-width:0;height:48px;border:1px solid #ffffffdb;border-radius:13px;background:#ffffff85;box-shadow:inset 0 1px 4px #59739708;padding:0 15px;font:inherit;font-size:16px;color:#243449;outline:none}input::placeholder{color:#798599}input:focus{border-color:#6f97ed;box-shadow:0 0 0 3px #6f97ed20}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #5b85d9;outline-offset:3px}.password-field{position:relative}.password-field input{padding-right:66px}#toggle-password{position:absolute;right:8px;top:4px;height:40px;background:none;color:#617594;font-size:12px;padding:0 10px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}.captcha-row input{letter-spacing:.05em}.captcha-row button{height:48px;overflow:hidden;border:1px solid #ffffffb0;border-radius:13px;padding:0;background:#f6f8fc}.captcha-row img{display:block;width:100%;height:100%;object-fit:fill}#login-error{color:#b22b45;font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}#login-error:empty{display:none}.login-submit{margin-top:6px;height:48px;border-radius:14px;background:linear-gradient(145deg,#5c8bf1,#4575dd);border:1px solid #ffffff50;color:#fff;box-shadow:inset 0 1px 0 #ffffff50,0 7px 18px #446fd626;font-size:15px;font-weight:600}.login-submit:hover{filter:brightness(1.04)}.login-submit:disabled{opacity:.6;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:400px){.glass-card{padding:30px 24px;border-radius:28px}}@supports not (backdrop-filter:blur(10px)){.glass-card{background:#f6f8fc}}@media(prefers-reduced-transparency:reduce){.glass-card{background:#f6f8fc;backdrop-filter:none}}

/* Flat blue-grey variant */
body{background:radial-gradient(ellipse at 75% 0,#e9f3f8,transparent 60%),linear-gradient(130deg,#ccdce9,#e0e9f0 65%,#d3e2ed)}.glass-card{border-radius:12px;border:1px solid #aebfd380;background:#f2f7fba6;box-shadow:0 10px 35px #48627c0b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-logo{box-shadow:none}h1{font-size:25px;font-weight:600;letter-spacing:.02em}input{height:50px;border-radius:6px;background:#f6f9fc9c;border-color:#bccddd66;font-size:17px;box-shadow:none}#toggle-password{font-size:13px;top:5px}.captcha-row button{border-radius:6px;height:50px;border-color:#bccddd66}.login-submit{height:49px;border-radius:6px;background:#4b78a7;box-shadow:none;font-size:16px}#login-error{font-size:14px}

.login-logo{width:80px;height:80px;border-radius:0;box-shadow:none;object-fit:contain}