/* GZWL — 認証まわりの1枚カード（login.html / reset-password.html 共用） */
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #16181C; color: #FFFFFF;
       font-family: 'Noto Sans JP', sans-serif; -webkit-font-smoothing: antialiased;
       display: flex; align-items: center; justify-content: center; padding: 24px; }
.card { width: 100%; max-width: 400px; background: #1C1F24; border: 1px solid #2A2F36;
        border-radius: 10px; padding: 32px 28px; }
.brand { display: block; height: 30px; margin: 0 auto 22px; }
h1 { font-family: 'Archivo', sans-serif; font-weight: 900; font-style: italic;
     font-size: 22px; text-align: center; margin: 0 0 6px; }
.sub { text-align: center; font-size: 12.5px; color: #8A95A0; margin: 0 0 22px; }
label { display: block; font-size: 12px; font-weight: 700; color: #AEB9C2; margin: 14px 0 6px; }
input { width: 100%; background: #22262C; border: 1px solid #3A414A; border-radius: 4px;
        padding: 12px 14px; font-size: 14px; color: #FFFFFF;
        font-family: 'Noto Sans JP', sans-serif; outline: none; transition: border-color .15s; }
input:focus { border-color: #1FA8E0; }
button { width: 100%; margin-top: 22px; background: #1FA8E0; border: none; border-radius: 4px;
         color: #FFFFFF; font-size: 15px; font-weight: 900; padding: 14px; cursor: pointer;
         font-family: 'Noto Sans JP', sans-serif; transition: background .15s; }
button:hover { background: #1690c5; }
button:disabled { opacity: .5; cursor: default; }
.toggle { text-align: center; margin-top: 18px; font-size: 13px; color: #8A95A0; }
.toggle a { color: #5BC8F2; cursor: pointer; text-decoration: none; font-weight: 700; }
.msg { margin-top: 16px; font-size: 13px; text-align: center; min-height: 18px; line-height: 1.7; }
.msg.err { color: #FF6B6B; }
.msg.ok { color: #3DDC84; }
.home { display: block; text-align: center; margin-top: 22px; font-size: 12px; color: #4A5560; text-decoration: none; }