:root{color-scheme:light;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:#24364c;background:#f5f7fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5988bf;outline-offset:3px}
.login-header{height:88px;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1b2c43}.login-brand{display:flex;gap:12px;align-items:center;color:#e4c991;text-decoration:none;font-size:25px;letter-spacing:1.7px;font-weight:700}.login-brand img{border-radius:10px}.login-brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:3px;color:#c5cbd4}.login-header-label{font-size:12px;color:#d9c59c;letter-spacing:1px}
.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 24px 38px;background:radial-gradient(ellipse at 50% 35%,#edf1f6 0,transparent 65%)}.login-card{width:100%;max-width:448px;padding:38px 40px 30px;border:1px solid #e1e6ed;border-radius:20px;background:#fff;box-shadow:0 12px 45px #1b2c4309}.login-symbol{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;border:1px solid #eaddc1;border-radius:15px;background:#fbf8f1;color:#9d7c38}.login-eyebrow{margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:2px;color:#9d7c38}.login-card h1{font-size:24px;line-height:1.5;margin:0;font-weight:700;letter-spacing:.02em}.login-description{font-size:13px;color:#738094;margin:10px 0 30px;line-height:1.8}.login-card label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.login-password{display:flex;align-items:center;border:1px solid #ccd5df;border-radius:9px;background:#fff;transition:box-shadow .15s}.login-password:focus-within{border-color:#59779d;box-shadow:0 0 0 3px #59779d16}.login-password input{width:100%;min-width:0;flex:1;height:50px;border:0;border-radius:9px;padding:0 14px;color:#24364c;background:transparent;font-size:16px}.login-password input:focus-visible{outline:none}.login-password button{align-self:stretch;padding:0 15px;border:0;border-radius:0 9px 9px 0;background:transparent;color:#67798f;font-size:12px}.login-error{min-height:20px;font-size:12px;line-height:1.65;color:#b53737;margin:10px 0 12px}.login-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:50px;border:0;border-radius:9px;background:#1b2c43;color:#fff;font-size:14px;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:#2c4461}.login-note{border-top:1px solid #edf0f4;margin:26px 0 0;padding-top:21px;font-size:11px;color:#8591a0;line-height:1.9;text-align:center}.login-guest-note{color:#7c8897;font-size:12px;text-align:center;line-height:1.9;margin:24px 0 0}.login-mobile-break{display:none}.login-footer{text-align:center;font-size:10px;color:#929daa;letter-spacing:.04em;padding:0 20px 24px}.login-footer span{padding:0 9px;color:#b8c0ca}
@media(max-width:520px){.login-header{height:74px;padding:14px 20px}.login-brand{font-size:21px;gap:10px}.login-brand img{width:38px;height:38px}.login-header-label{font-size:10px}.login-main{padding:32px 18px}.login-card{padding:30px 25px 25px;border-radius:16px}.login-card h1{font-size:22px}.login-symbol{margin-bottom:21px}.login-description{font-size:12px}.login-mobile-break{display:block}.login-footer{font-size:9px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}