:root{font-family:system-ui,sans-serif;color:#203c32;background:#f3f5f1}body{min-height:100dvh;margin:0;display:grid;place-items:center}main{width:min(390px,calc(100vw - 80px));padding:40px;background:white;border:1px solid #dce5e1;border-radius:20px;box-shadow:0 12px 50px #203c3210}h1{font-family:Georgia,serif;font-weight:400;font-size:36px;margin:16px 0}p{line-height:1.6;color:#526860}.eyebrow{font-size:11px;letter-spacing:2px}label{display:block;margin-top:28px;font-size:14px}input{box-sizing:border-box;display:block;width:100%;margin:10px 0 20px;padding:14px;border:1px solid #a9bdb3;border-radius:8px;font-size:18px}button{width:100%;background:#146348;color:white;border:0;border-radius:8px;padding:15px;font-size:16px;cursor:pointer}input:focus,button:focus{outline:3px solid #91b9a6;outline-offset:3px}