@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 12%,#fff 0,transparent 28%),linear-gradient(145deg,#faf6ef,#eee6d8);color:#243a35;font-family:"DM Sans",sans-serif}.login-card{position:relative;z-index:2;width:min(570px,calc(100% - 34px));padding:55px 58px 45px;text-align:center;background:rgba(255,253,248,.76);border:1px solid rgba(36,58,53,.13);box-shadow:0 30px 90px rgba(51,61,52,.11);backdrop-filter:blur(12px)}.date,label{font-size:10px;text-transform:uppercase;letter-spacing:.24em;font-weight:500;color:#788477}.monogram{font:500 28px "Cormorant Garamond",serif;margin:22px 0}.monogram i,h1 em{color:#c58f80;font-weight:400}h1{font:400 clamp(42px,7vw,62px)/.92 "Cormorant Garamond",serif;margin:0}h1 em{font-style:italic}.message{margin:28px 0 34px;line-height:1.7;font:400 16px "Cormorant Garamond",serif;color:#66736e}label{display:block;text-align:left;margin:0 0 9px}.field{display:flex;border-bottom:1px solid #243a35}input{min-width:0;flex:1;border:0;background:transparent;padding:14px 4px;font:300 15px "DM Sans";outline:0;color:#243a35}input::placeholder{color:#9da59f}button{border:0;background:transparent;padding:10px 3px 10px 20px;color:#243a35;font:500 10px "DM Sans";text-transform:uppercase;letter-spacing:.16em;cursor:pointer}button span{font-size:17px;margin-left:9px}.error{color:#a14f42;font-size:12px;text-align:left;margin:12px 0 0}.signature{margin:38px 0 0;font:italic 16px "Cormorant Garamond",serif;color:#89938a}.leaf{position:absolute;border-radius:100% 0 100% 0;background:rgba(153,169,140,.28)}.one{width:280px;height:110px;right:-60px;top:12%;transform:rotate(25deg)}.two{width:180px;height:70px;left:-40px;bottom:10%;transform:rotate(70deg);background:rgba(197,143,128,.18)}.three{width:95px;height:40px;right:12%;bottom:7%;transform:rotate(-30deg)}@media(max-width:600px){.login-card{padding:42px 25px 35px}.message br{display:none}.field{display:block;border:0}input{width:100%;border-bottom:1px solid #243a35;padding:14px 3px}button{margin-top:17px;border:1px solid #243a35;width:100%;padding:13px}.leaf{opacity:.5}}