@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#14221e;--muted:#6d7874;--green:#0d5c48;--line:#dde4df}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#102c25 0%,#173d33 45%,#edf3ee 45%);min-height:100vh;font-family:'DM Sans',sans-serif;color:var(--ink)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:40px;background:#fff;border:1px solid #dbe5de;border-radius:16px;box-shadow:0 24px 70px #102c2559}.brand{font:700 34px 'Playfair Display';color:#15362d}.brand span{display:inline-grid;place-items:center;background:#d8ecbc;color:#13382c;width:32px;height:32px;border-radius:8px;margin-right:3px}.tagline{margin:6px 0 34px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#6c8b80;font-weight:700}h1{font:700 28px 'Playfair Display';margin:0 0 8px}form{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input{padding:12px;border:1px solid #cfd9d2;border-radius:7px;font:14px 'DM Sans';background:#fff}.primary{border:0;border-radius:7px;padding:13px 18px;background:var(--green);color:#fff;cursor:pointer;font:600 14px 'DM Sans'}.link{border:0;background:transparent;color:var(--green);cursor:pointer;font:600 13px 'DM Sans';padding:4px}.muted{color:var(--muted);font-size:14px;line-height:1.45}.error{min-height:18px;margin:0;color:#b9402c;font-size:13px}@media(max-width:600px){body{background:#edf3ee}.login-card{padding:30px 24px}}