*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#f4f2ee;margin:0;font-family:Inter,Noto Sans JP,system-ui,sans-serif}button,input{font:inherit}.login-page{--login-border:#1212121a;--login-line:#ffffff1f;--login-shadow:0 30px 90px #14141229, 0 2px 10px #1414120d;background:radial-gradient(circle at 12% 16%,#11111114,#0000 24%),radial-gradient(circle at 88% 82%,#be392c1a,#0000 28%),linear-gradient(135deg,#f5f3ee 0%,#fbfaf7 52%,#eeeae2 100%);place-items:center;min-height:100vh;padding:clamp(20px,4vw,48px);display:grid}.login-frame{border:1px solid var(--login-border);width:min(1040px,100%);min-height:min(660px,100vh - 64px);box-shadow:var(--login-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:8px;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);display:grid;overflow:hidden}.login-showcase{min-height:420px;color:var(--paper-pure);background:#111;align-content:center;gap:clamp(20px,4vw,36px);padding:clamp(28px,5vw,52px);display:grid;position:relative}.login-brand{z-index:1;position:relative}.login-brand img{filter:invert();width:clamp(132px,16vw,178px);height:auto;display:block}.login-identity{z-index:1;gap:16px;display:grid;position:relative}.login-identity p{letter-spacing:0;max-width:none;margin:0;font-family:Barlow Condensed,DIN Alternate,DIN Condensed,Bahnschrift,Avenir Next Condensed,Arial Narrow,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:500;line-height:1}.auth-panel{place-self:center;gap:24px;width:min(100%,400px);padding:clamp(34px,5vw,58px);display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-form{gap:16px;display:grid}.auth-field{color:var(--ink);gap:8px;font-size:13px;font-weight:700;display:grid}.auth-field input{border:1px solid var(--login-border);width:100%;min-height:54px;color:var(--ink);background:#fbfaf7;border-radius:8px;padding:0 16px;transition:border-color .16s,background-color .16s,box-shadow .16s;box-shadow:0 1px #10101008,inset 0 0 0 1px #ffffff85}.auth-field input:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 10%, transparent);background:#fff;outline:none}.auth-field input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}.button{border:1px solid var(--ink);background:var(--ink);min-height:54px;color:var(--paper-pure);cursor:pointer;border-radius:8px;font-weight:700;transition:background-color .16s,border-color .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.64;transform:none}.button.primary{color:var(--paper-pure);background:linear-gradient(#171717 0%,#080808 100%);box-shadow:0 12px 28px #1010102e}.button.ghost{background:var(--paper-pure);color:var(--ink);border-color:var(--login-border)}.button.wide{width:100%}.notice{border:1px solid var(--login-border);color:var(--muted);background:#fbfaf7;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.notice.error{border-color:color-mix(in srgb, var(--accent) 34%, var(--login-border));color:var(--accent)}.notice.ok{border-color:color-mix(in srgb, #1f7a52 34%, var(--login-border));color:#1f7a52}.muted{color:var(--muted)}.tiny{margin:0;font-size:12px;line-height:1.7}code{font-family:inherit;font-weight:700}@media (max-width:820px){.login-page{padding:16px}.login-frame{grid-template-columns:1fr;min-height:auto}.login-showcase{gap:18px;min-height:180px;padding:28px 24px}.login-identity p{max-width:none;font-size:20px}.auth-panel{width:100%;padding:32px 22px 30px}}@media (max-width:520px){.login-page{place-items:stretch stretch;padding:0}.login-frame{border:0;border-radius:0;min-height:100vh}.login-showcase{min-height:180px}}