:root{font-family:Arial,Helvetica,sans-serif;color:#f3f6fa;background:#0b1017;font-synthesis:none;color-scheme:dark;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:12px;background:#b9f17c;color:#102009;font-weight:700;cursor:pointer;text-align:center}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b9f17c;outline-offset:4px}.app{max-width:1160px;margin:auto;padding:30px 40px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #283240}.brand{font-size:25px;font-weight:700;letter-spacing:-.8px}.brand span{display:block;font-size:14px;color:#a7b5c6;font-weight:400;letter-spacing:0}.status{display:flex;align-items:center;gap:10px;font-size:14px;color:#c4cedb}.status i{display:block;width:8px;height:8px;border-radius:100%;background:#9da7b7;flex-shrink:0}.status.ok i{background:#b9f17c}h1{font-size:clamp(30px,4vw,52px);line-height:1.16;letter-spacing:-1.5px;margin:12px 0 22px}p{margin:12px 0}.eyebrow{font-size:14px;font-weight:700;letter-spacing:2px;color:#b9f17c}.intro{font-size:19px;max-width:650px;color:#bac6d5}.home{padding:56px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0}.choice{border:1px solid #344251;border-radius:18px;padding:28px;background:#141e2b;display:flex;flex-direction:column;gap:12px;position:relative}.choice:hover{border-color:#b9f17c}.choice-label{font-size:13px;letter-spacing:1.5px;color:#b9f17c}.choice strong{font-size:25px;letter-spacing:-.6px}.choice>span:last-of-type{font-size:16px;color:#b6c2d2;padding-right:10px}.choice b{position:absolute;right:20px;top:18px;font-size:24px}.footnote,.muted{color:#aab8c9}.footnote{font-size:14px}.pair-screen{margin:auto;text-align:center;padding:54px 0;max-width:100%;overflow-wrap:anywhere}.pair-screen>p{font-size:20px}.pair-code{font-size:clamp(44px,9vw,100px);font-weight:700;letter-spacing:6px;font-variant-numeric:tabular-nums;color:#b9f17c;margin:25px 0;line-height:1.2}.pair-screen button{margin-top:24px}.message-screen{padding:55px 0;flex:1}.message-screen h1{font-size:clamp(32px,4.3vw,60px);overflow-wrap:anywhere}.message-body{font-size:clamp(26px,3.1vw,44px);line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;max-width:1000px}.message-screen .button{margin-top:25px}.phone{width:100%;max-width:570px;margin:35px auto}.phone h1{font-size:34px}.panel{display:flex;flex-direction:column;gap:12px;margin-top:24px}label{font-size:16px;font-weight:600}label .muted{font-size:14px;font-weight:400;margin-left:6px}input,textarea{width:100%;padding:15px 16px;background:#151e29;color:#f3f6fa;border:1px solid #3a495d;border-radius:10px;resize:vertical}input::placeholder,textarea::placeholder{color:#95a4b6}.code-input{font-size:36px;letter-spacing:6px;font-variant-numeric:tabular-nums}.panel button{margin-top:8px}.panel .muted{font-size:15px}.delivery{padding:18px 20px;border-left:3px solid #b9f17c;background:#15201a;display:flex;flex-direction:column;gap:6px;border-radius:0 12px 12px 0}.delivery span{font-size:15px;color:#c0cdbc}.test-button{width:100%;margin-top:20px}.secondary{background:transparent;color:#d6e0ec;border-color:#46566a}.small{min-height:44px;padding:8px 15px;font-size:14px}.danger{background:#ffb5af;color:#3d0805}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:25px;border-top:1px solid #283240;font-size:14px;color:#b3c0cf}.close-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.alert{margin-top:20px;padding:16px 20px;border:1px solid #b9803e;background:#2d2418;border-radius:12px;color:#ffdfb5;font-size:16px}.display{max-width:1400px}@media(max-width:640px){.app{padding:20px}.brand{font-size:22px}header{gap:10px;align-items:flex-start}.status{max-width:175px;font-size:14px}.home{padding:32px 0}h1{letter-spacing:-.8px}.choices{grid-template-columns:1fr}.choice{padding:24px}.phone{margin:28px auto}.phone h1{font-size:30px}.pair-screen{padding:35px 0}.pair-screen>p{font-size:17px}.pair-code{letter-spacing:3px}.message-screen{padding:32px 0}.message-body{font-size:26px}footer{align-items:flex-start}}