@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display:wght@500&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f0e8;font-family:DM Sans;color:#211f1c}.auth{min-height:100vh;display:grid;place-items:center}.brand{position:absolute;top:30px;left:35px;font:28px 'Playfair Display',serif}.box{width:420px;background:#fff;padding:42px;border:1px solid #ddd6ca}.box h1{font:38px 'Playfair Display',serif}.box form{display:grid;gap:16px}.box label{display:grid;gap:7px;font-size:13px}.box input{padding:13px;border:1px solid #ccc5ba}.btn{background:#1d1b18;color:#fff;border:0;padding:13px 20px;cursor:pointer}.error,.success{padding:10px;background:#f1dfda}.success{background:#e1eee2}@media(max-width:600px){.box{width:90%}}