:root{font-family:Segoe UI,system-ui,sans-serif;color:#193b34;background:#f4f5ef}body{margin:0;padding:40px 20px}main{max-width:440px;margin:auto;background:white;border:1px solid #dce4d9;border-radius:18px;padding:38px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}header strong{font-size:30px}header span,footer{font-size:12px;color:#68796e}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:36px;font-weight:550;margin:14px 0}p{line-height:1.7}nav{display:flex;gap:12px;margin:25px 0}a{color:#245a4b}nav a{padding:10px 20px;border:1px solid #dce4d9;border-radius:7px;text-decoration:none}nav a[aria-current]{background:#193b34;color:white}label{display:grid;gap:8px;margin:18px 0;font-size:13px}input{padding:13px;border:1px solid #cfdace;border-radius:6px;font:inherit}button{background:#245a4b;color:white;border:0;border-radius:7px;padding:14px 18px;cursor:pointer;font:inherit}button:disabled{opacity:.6;cursor:wait}#submit{width:100%}#notice:not(:empty){padding:12px;background:#f2efe0;border-radius:7px}#device-code{display:block;font-size:24px;letter-spacing:4px;margin:20px 0}footer{border-top:1px solid #e2e8df;margin-top:32px;padding-top:20px;line-height:1.7}[hidden]{display:none!important}