@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f3f5f2;color:#202522;font-family:'DM Sans',sans-serif}.auth{min-height:100vh;display:grid;place-items:center;padding:35px}.auth>section{width:min(460px,100%);background:#fff;border:1px solid #e0e5df;border-radius:16px;padding:30px;box-shadow:0 20px 60px #173f3415}.auth.setup>section{width:min(640px,100%)}.auth-brand{position:fixed;top:28px;left:30px;display:flex;align-items:center;gap:9px;font:800 20px Manrope;color:#173f34}.auth-brand>b{width:31px;height:31px;border-radius:9px;background:#dff66a;display:grid;place-items:center;transform:rotate(-5deg)}.auth-brand i{font-style:normal;color:#789129}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8b928d}.auth h1{font:800 25px Manrope;margin:5px 0}.auth section>p{color:#7d847f;font-size:12px}.auth h2{font:800 13px Manrope;margin:22px 0 12px;border-bottom:1px solid #e6e9e5;padding-bottom:8px}label{display:block;font-size:10px;font-weight:700;margin:12px 0}input{display:block;width:100%;border:1px solid #dce1dc;border-radius:8px;padding:11px;margin-top:6px;outline:0}input:focus{border-color:#577a6a}label small{color:#8c938e;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}form button{width:100%;border:0;background:#173f34;color:#fff;border-radius:8px;padding:12px;margin-top:12px;font-weight:700}.alert{background:#feeae6;color:#a64e44;border-radius:8px;padding:11px;font-size:11px}.success{background:#e9f4e8;color:#4e7851}@media(max-width:600px){.auth{padding:80px 14px 20px}.auth-brand{top:20px;left:20px}.auth>section{padding:22px}.grid{grid-template-columns:1fr}}
