*{box-sizing:border-box}body{margin:0;color:#203e30;background:#e5ebce;font:16px/1.45 system-ui,sans-serif}body:before{content:"";position:fixed;inset:-8px;z-index:-1;background:linear-gradient(125deg,#f7ecc8c4,#d6e6ca99 52%,#9eb19aac),url(/assets/rustic.webp) center/cover;filter:blur(4px)}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw}header b{font:26px Georgia;color:#173728;background:#fff9eac9;padding:5px 12px;border-radius:5px}select{background:#fffcf1;border:1px solid #a8b498;border-radius:18px;padding:7px 10px;color:inherit}main{min-height:100svh;display:grid;place-items:center;padding:90px 18px 36px}section{width:min(440px,100%);border:1px solid #fff9e0;border-radius:22px;background:#fffbedf2;padding:clamp(24px,6vw,44px);box-shadow:0 18px 80px #273b292c}h1{font:clamp(46px,9vw,62px)/1 Georgia;margin:12px 0}small{color:#626a49;text-transform:uppercase;letter-spacing:.15em;font-weight:700}p{margin:8px 0 25px}label{display:block;font-size:14px;font-weight:650;margin:12px 0 5px}input,button{font:inherit}input{width:100%;padding:12px;border:1px solid #a9b49e;border-radius:8px;background:#fffefa}.password{display:flex;align-items:center;border:1px solid #a9b49e;border-radius:8px;background:#fffefa}.password input{border:0;min-width:0}.password button{background:transparent;color:#335c45;border:0;font-size:13px;cursor:pointer;padding:8px}#enter{background:#214a37;border:0;color:white;border-radius:8px;padding:12px;width:100%;margin-top:19px;cursor:pointer}output{display:block;color:#933b2a}