*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f3f6fc;color:#192c45;font:15px system-ui,sans-serif}main{width:min(420px,calc(100% - 32px));padding:36px;background:white;border:1px solid #e0e7f3;border-radius:18px}.brand{font-weight:850;font-size:30px;color:#192c45;text-decoration:none}.brand span{color:#0866ff}h1{font-size:25px;margin:28px 0}label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}input{display:block;width:100%;padding:13px;border:1px solid #ccd8eb;border-radius:8px;margin-top:8px;font:inherit}button{width:100%;padding:14px;background:#0866ff;color:white;border:0;border-radius:8px;margin:18px 0 0;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.6}.note,#activation{color:#60718b;font-size:13px;line-height:1.6}#notice{line-height:1.5;color:#9b2639}

#recovery{margin-top:20px;font-size:13px;line-height:1.6}#recovery summary{color:#0866ff;font-weight:600;cursor:pointer}#recovery p{color:#60718b}#recovery a{color:#0866ff;font-weight:600;text-underline-offset:3px}#recovery[hidden]{display:none}
select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccd8eb;border-radius:8px;background:white;color:inherit;font:inherit}label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:18px;margin:2px 0}h2{font-size:18px;margin-top:28px}main>a:last-child{font-size:13px;color:#0866ff}