.koharu-login{min-height:100svh;margin:0;padding:36px;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 20%,#123d685c,transparent 55%),#07111f;color:#eef6ff;font-family:Segoe UI,sans-serif}.login-frame{width:min(1040px,100%);display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #263c53;border-radius:28px;overflow:hidden;box-shadow:0 30px 100px #0005;background:#0d1b2c}.login-art{position:relative;min-height:600px;overflow:hidden;background:linear-gradient(145deg,#174e78,#0c253f 60%,#102c42);padding:38px}.login-logo{width:145px;height:110px;object-fit:contain;position:relative;z-index:2}.login-character{position:absolute;width:100%;height:100%;bottom:0;left:0;object-fit:cover;object-position:62% center;filter:drop-shadow(0 15px 30px #0004)}.login-art-caption{position:absolute;bottom:28px;left:32px;z-index:2;padding:12px 18px;border-radius:14px;background:#07111fcc;border:1px solid #5ebce344;letter-spacing:3px;font-size:11px;color:#b5eaff}.login-panel{padding:60px 48px;display:flex;flex-direction:column;justify-content:center}.login-eyebrow{color:#75cfff;letter-spacing:3px;font-size:10px;font-weight:700;margin-bottom:26px}.login-panel h1{font-size:42px;line-height:1.15;letter-spacing:-1.8px;color:#f0f7ff;margin:0 0 20px}.login-panel h1 span{color:#7ad7ff}.login-description{line-height:1.8;color:#a4b7ce;font-size:14px;margin-bottom:32px}.login-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:12px;background:#f5f9ff;color:#162436;font-weight:700;font-size:14px;border:1px solid #fff;transition:background .2s}.login-google:hover{background:#d8edff}.login-google:focus-visible,.login-site:focus-visible{outline:3px solid #7ad7ff;outline-offset:5px}.login-google:disabled{opacity:.65;cursor:wait}.login-access{display:flex;gap:10px;align-items:center;color:#8ba5c3;font-size:12px;margin:20px 0 38px}.login-divider{height:1px;background:#26384b;margin-bottom:25px}.login-site{color:#9db5d0;font-size:12px;display:inline-flex;gap:8px;align-items:center}.login-note{font-size:10px;letter-spacing:1px;color:#69839e;margin-top:32px}.login-error{background:#432631;border:1px solid #794254;color:#ffd6df;border-radius:10px;padding:14px;line-height:1.6;margin-bottom:20px;font-size:13px}.login-unavailable{padding:16px;border:1px solid #35516c;border-radius:12px;line-height:1.7;color:#a8bdd5}@media(max-width:760px){.koharu-login{padding:22px}.login-frame{grid-template-columns:1fr;max-width:460px}.login-art{min-height:210px;padding:20px}.login-logo{width:110px;height:90px}.login-character{width:60%;height:100%;left:auto;right:5px}.login-art-caption{left:22px;bottom:20px;font-size:9px}.login-panel{padding:34px 26px}.login-panel h1{font-size:34px}.login-eyebrow{margin-bottom:18px}.login-access{margin-bottom:26px}}@media(prefers-reduced-motion:reduce){.login-google{transition:none}}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07111f99,transparent 45%,#07111f55);pointer-events:none}.login-logo{filter:drop-shadow(0 2px 12px #07111f)}