:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080e0c;color:#edf4ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 35%,#14291d,transparent 65%)}header{padding:24px;font-size:24px;display:flex;justify-content:space-between;align-items:center}header span{font-size:12px;color:#a6b5ab}main{max-width:650px;margin:12vh auto;padding:24px;text-align:center}h1{font-size:clamp(27px,5vw,42px);font-weight:400;line-height:1.2}.eyebrow{font-size:11px;letter-spacing:.25em;color:#a9c3ae}section{max-width:340px;margin:40px auto}button{display:block;min-height:48px;width:100%;border:1px solid #5a6b6166;border-radius:28px;background:#ffffff06;color:inherit;padding:12px 18px;font:inherit;font-size:16px;cursor:pointer;margin:12px 0}button:hover{background:#ffffff12}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #c2e4bc;outline-offset:4px}.sub,#status,#message{font-size:14px;line-height:1.5;color:#b9c7bc}dialog{width:min(390px,calc(100% - 32px));border:1px solid #4a5c50;border-radius:24px;background:#101a15;color:inherit;padding:28px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-weight:400;font-size:24px;margin:12px 0 28px}.close{width:44px;height:44px;min-height:44px;margin:-14px -14px 0 auto;padding:0;border:0;font-size:28px}label{display:block;font-size:14px;color:#b9c7bc;margin:16px 0 8px}input{width:100%;font:inherit;font-size:18px;color:inherit;background:#ffffff05;border:1px solid #4a5c50;border-radius:12px;padding:14px}#code{letter-spacing:.25em}#destination{font-size:14px;overflow-wrap:anywhere}#resend,#change{font-size:14px;border:0}p{line-height:1.5}@media(max-width:550px){header{padding:20px;font-size:21px}main{margin-top:10vh}section{max-width:300px}}
