*{box-sizing:border-box}
:root{--text:#1f2025;--muted:#686266;--primary:#bb7067;--primary-dark:#94483f;--line:#eee4e0}
html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--text)}
body{background:radial-gradient(circle at 20% 20%,#fff8f5 0,#fbf1ed 33%,#fffdfc 72%)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,430px);padding:36px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(95,54,48,.10)}
.login-brand{display:flex;align-items:center;justify-content:center;gap:14px;color:#ad6258;margin-bottom:32px}
.brand-mark{width:56px;height:66px;border:1px solid #e7b0a8;border-radius:50%;display:grid;place-items:center}
.brand-mark svg{width:34px;height:34px;stroke-width:1.15}
.login-brand strong{display:block;font:500 26px/1 "Playfair Display",serif;letter-spacing:.06em}
.login-brand small{display:block;margin-top:8px;font-size:11px;letter-spacing:.35em}
.login-copy{text-align:center;margin-bottom:25px}.login-copy h1{margin:0 0 8px;font:500 32px "Playfair Display",serif;color:#8f453d}.login-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.login-error{display:flex;align-items:center;gap:8px;padding:11px 13px;margin-bottom:18px;border:1px solid #efc3bd;border-radius:9px;background:#fff2ef;color:#9d4239;font-size:13px}.login-error svg{width:17px}
form{display:grid;gap:17px}label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#50494c}.field{height:48px;border:1px solid #e7d9d5;border-radius:10px;background:#fffaf8;display:flex;align-items:center;gap:10px;padding:0 13px}.field:focus-within{border-color:#c9847b;box-shadow:0 0 0 3px rgba(187,112,103,.10)}.field svg{width:18px;color:#ad6258}.field input{width:100%;border:0;outline:0;background:transparent;color:#292528;font-size:14px}
button{height:49px;border:0;border-radius:10px;background:linear-gradient(135deg,#b96f66,#c78379);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 10px 22px rgba(175,91,81,.18);transition:.2s}button:hover{filter:brightness(.97);transform:translateY(-1px)}button svg{width:18px}
footer{margin-top:27px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:#8d6d67;font-size:11px}footer strong{color:#a45a50}
@media(max-width:480px){.login-card{padding:28px 20px}.login-brand strong{font-size:23px}}