*{box-sizing:border-box}body{margin:0;background:#172b32;color:#f9efd9;font:17px/1.6 system-ui,sans-serif;min-height:100vh;background:radial-gradient(ellipse at top left,#345354,#14282f 75%)}main{max-width:850px;margin:auto;padding:48px 24px}.brand{font-size:38px;font-weight:850;letter-spacing:-1px;text-decoration:none;color:#f6c875;display:block;margin-bottom:40px}.brand span{display:block;font-size:14px;letter-spacing:.5px;color:#bfd0cc;font-weight:400}section{background:#fff9ec;color:#293e43;border-radius:24px;padding:36px;box-shadow:0 16px 50px #0003}h1{font-size:36px;line-height:1.15;margin:12px 0 24px}.eyebrow{color:#8e632b;font-weight:750;letter-spacing:2px;font-size:12px}label{display:block;margin:18px 0;font-size:15px;font-weight:600}input{display:block;width:100%;padding:13px;border:1px solid #bac5c3;background:white;border-radius:8px;font:inherit;margin-top:5px}button,.button{display:inline-block;border:0;border-radius:9px;background:#246568;color:white;padding:12px 22px;font:600 16px system-ui;cursor:pointer;text-decoration:none}a{color:inherit}button:hover,.button:hover{background:#164c50}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d9a342;outline-offset:3px}.muted{font-size:14px;color:#596d70;margin-top:25px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:24px}li{padding:15px 0;border-bottom:1px solid #d9ded5}li form{display:inline-block;margin-left:15px}ul{padding:0;list-style:none}@media(max-width:550px){main{padding:25px 16px}section{padding:24px}h1{font-size:29px}}
