:root{--paper:#04060a;--card:#0a111b;--ink:#d9e9ee;--sub:#6e8595;--line:#14222e;--line-s:#27404f;--blue:#2be4ef;--blue-d:#8cf2f8;--red:#ff5c3d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1000px 600px at 110% -10%, #2be4ef1a, transparent 55%), radial-gradient(800px 500px at -15% 115%, #ff5c3d12, transparent 55%), linear-gradient(#d9e9ee05 1px, transparent 1px) 0 0/100% 34px, linear-gradient(90deg, #d9e9ee05 1px, transparent 1px) 0 0/34px 100%, var(--paper);min-height:100vh;color:var(--ink);letter-spacing:.02em;font-family:Yu Gothic UI,Meiryo UI,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px;line-height:1.65}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);border:1px solid var(--line-s);border-radius:4px;width:100%;max-width:380px;padding:30px 28px;box-shadow:0 0 0 1px #2be4ef0f,0 12px 34px #000000a6}.login-brand{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.login-brand .en{letter-spacing:.18em;color:var(--blue-d);font-family:Bahnschrift,Arial Narrow,Segoe UI,sans-serif;font-size:26px;font-weight:700}.login-brand .jp{color:var(--sub);font-size:12px}.login-sub{color:var(--sub);margin:0 0 22px;font-size:12px}.login-card label{color:var(--sub);margin:14px 0 5px;font-size:12px;display:block}.login-card input{border:1px solid var(--line-s);width:100%;color:var(--ink);font:inherit;background:#060b13;border-radius:4px;padding:9px 11px}.login-card input:focus-visible{outline:1.5px solid var(--blue);outline-offset:1px}.login-btn{border:1px solid var(--blue);width:100%;color:var(--blue-d);font:inherit;letter-spacing:.08em;cursor:pointer;background:#2be4ef1f;border-radius:4px;margin-top:22px;padding:10px 12px;font-weight:700}.login-btn:disabled{opacity:.55;cursor:default}.login-err{color:var(--red);min-height:18px;margin:12px 0 0;font-size:12px}