*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(165deg,#225963,#092b32);color:#fff5dc;font:18px/1.5 system-ui,sans-serif;padding:24px 16px}main{width:min(440px,100%)}h1{font-size:64px;line-height:.95;font-weight:1000;font-style:italic;color:#ffd05e;margin:0 0 20px}h1 span{display:block;color:#fff5dc}.intro{font-size:22px}.note{font-size:15px;color:#d0e6df}section{padding:20px;border:1px solid #709b96;border-radius:14px;background:#12373ecc}label{display:grid;gap:8px}form{display:grid;gap:16px}input,button{width:100%;min-height:54px;font:inherit;border-radius:8px;padding:12px}input{background:#12373e;color:#fff;border:1px solid #9abeb5}button{background:#ffd05e;color:#12373e;border:0;font-weight:750;cursor:pointer;margin-top:12px}button:disabled{opacity:.6;cursor:wait}.secondary{background:#24565d;color:#fff5dc;border:1px solid #709b96}.error{color:#ffb2a5}p{overflow-wrap:anywhere}a{color:#ffd05e}