.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream);padding:20px}.login-card{background:var(--surface);border:1px solid var(--cream-dark);border-radius:14px;padding:40px 36px;width:100%;max-width:400px;box-shadow:0 8px 40px rgba(26,24,20,.08)}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.login-brand-mark{width:32px;height:32px}.login-brand-mark svg{width:100%;height:100%;fill:var(--ink)}.login-brand h1{font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;color:var(--ink);margin:0}.login-brand h1 span{color:var(--gold)}.login-subtitle{text-align:center;color:var(--ink-soft);font-size:13px;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:6px}.login-field input{width:100%;padding:10px 12px;border:1px solid var(--cream-dark);border-radius:8px;background:var(--cream);font-size:14px;font-family:DM Sans,sans-serif;color:var(--ink);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}.login-field input::placeholder{color:var(--ink-soft);opacity:.5}.login-error{background:var(--red-light);color:var(--red);padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid #fca5a5}.login-submit{width:100%;padding:12px;border:none;border-radius:8px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s;margin-top:4px}.login-submit:hover{background:var(--gold-dark)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-switch{text-align:center;margin-top:20px}.login-switch p{font-size:13px;color:var(--ink-soft);margin:0}.login-switch button{background:none;border:none;color:var(--gold-dark);font-weight:600;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;text-decoration:underline}.login-switch button:hover{color:var(--gold)}