:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#e7f4eb,#f7faf9 55%,#e8f1fd);font:16px system-ui,sans-serif;color:#183b31;min-height:100vh;display:grid;place-items:center}.login-box{width:min(400px,92vw);background:white;padding:42px;border:1px solid #d8e8e0;border-radius:25px;box-shadow:0 20px 60px #21554619}.brand{font-weight:900;font-size:2.2rem;color:#087847;letter-spacing:-.06em}.brand span{display:block;letter-spacing:.15em;font-weight:700;font-size:.68rem;color:#55756a}p{margin:25px 0}form{display:grid;gap:10px}input{width:100%;padding:13px;border-radius:10px;border:1px solid #a5bdb0;background:#f7faf8;font:inherit}label{font-size:.85rem;font-weight:700;margin-top:8px}button{margin:12px 0 8px;background:#087847;border:0;border-radius:10px;padding:14px;color:white;font-weight:800;cursor:pointer;font-size:1rem}small{color:#6b7c74}