*{box-sizing:border-box}
:root{--text:#27343a;--muted:#66747a;--primary:#1f5c73;--primary-dark:#17485a;--line:#dbe6e2}
html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--text)}
body{background:radial-gradient(circle at 20% 20%,#f7faf9 0,#fbf1ed 33%,#f7f9f8 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:#1f5c73;margin-bottom:32px}
.brand-mark{width:56px;height:66px;border:1px solid #9bbeb0;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:#1f5c73}.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:#1f5c73}.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}}

.login-secondary{display:block;text-align:center;margin-top:16px;color:#79566a;text-decoration:none;font-weight:600}.login-secondary:hover{text-decoration:underline}.login-success{background:#edf7f2;color:#2f7457;padding:14px;border-radius:12px;display:flex;gap:9px;align-items:center}.register-card{max-width:480px}.register-card form{display:grid;gap:12px}