:root{color:#eef3fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0d1627;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(80% 60% at 85% -10%,#1d395b 0%,#0000 70%),radial-gradient(75% 70% at -20% 100%,#172a3d 0%,#0000 60%),#0d1627;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.hidden{display:none!important}.shell{width:min(100% - 48px,1040px);margin:0 auto;padding:32px 0 26px}.topbar{align-items:center;gap:10px;min-height:44px;display:flex}.brand-mark{color:#152417;background:#b7f58a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:23px;font-weight:800;display:grid}.brand{letter-spacing:-.02em;font-size:17px;font-weight:750}.topbar-label{color:#8fa2bd;letter-spacing:.16em;margin-left:auto;font-size:11px;font-weight:750}.hero{max-width:740px;padding:70px 0 40px}.eyebrow,.section-label{color:#a9e780;letter-spacing:.18em;font-size:11px;font-weight:750}.hero h1{letter-spacing:-.055em;margin:16px 0 14px;font-size:clamp(38px,5.5vw,66px);font-weight:760;line-height:1.09}.hero p{color:#a8b7cc;max-width:580px;margin:0;font-size:17px;line-height:1.65}.card{background:linear-gradient(145deg,#192b40 0%,#142438 100%);border:1px solid #304359;border-radius:24px;box-shadow:0 24px 70px #030a16a3}.receiver-card{min-height:380px;padding:31px}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card h2{letter-spacing:-.03em;margin:10px 0 0;font-size:23px}.status{color:#b5c4d8;white-space:nowrap;border:1px solid #52637a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.status.is-connected{color:#b7f58a;background:#a9e78013;border-color:#466843}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff14}.pair-grid{grid-template-columns:278px 1fr;align-items:center;gap:42px;padding:26px 0 2px;display:grid}.qr-panel{color:#91a5bf;flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.qr-frame{background:#fff;border-radius:16px;place-items:center;width:244px;height:244px;padding:10px;display:grid}.qr-frame canvas{width:224px;height:224px;display:block}.pin-panel{padding:0 10px 0 0}.pin-code{letter-spacing:.16em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:13px 0 12px;font-size:clamp(44px,6vw,74px);font-weight:780}.pin-panel p{color:#aabbd0;max-width:390px;font-size:14px;line-height:1.65}.pin-panel strong{color:#e1ebf8}.countdown-wrap{align-items:center;gap:14px;margin-top:31px;display:flex}.countdown-track{background:#35455b;border-radius:10px;width:min(100%,310px);height:6px;overflow:hidden}.countdown-progress{border-radius:inherit;background:#b7f58a;width:100%;height:100%;transition:width .25s linear}.countdown{color:#c9d5e4;font-variant-numeric:tabular-nums;min-width:42px;font-size:13px}.result-view{flex-direction:column;justify-content:center;align-items:flex-start;min-height:314px;padding:14px 8px;display:flex}.result-icon{color:#173022;background:#b7f58a;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:22px;font-size:25px;font-weight:800;display:grid}.expired-icon{color:#43270f;background:#ffd180;font-size:20px}.result-view p{color:#aabbd0;margin:12px 0 18px;font-size:15px;line-height:1.6}.received-url{overflow-wrap:anywhere;color:#b7f58a;max-width:100%;font-size:14px;line-height:1.55;display:block}.button-row{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7}.button-primary{color:#14291a;background:#b7f58a}.button-primary:hover:not(:disabled){background:#c6ffa0}.button-secondary{color:#e5eef9;background:0 0;border-color:#53657c}.button-secondary:hover{background:#ffffff12}.text-button{color:#a9e780;cursor:pointer;background:0 0;border:0;margin-top:21px;padding:0;font-size:13px;font-weight:650}.error-message{color:#ffd2d3;background:#70394448;border:1px solid #a3535b;border-radius:10px;margin:16px 0 0;padding:12px 15px;font-size:13px}footer{text-align:center;color:#667d98;margin-top:27px;font-size:12px}.sender-shell{max-width:650px}.sender-hero{padding:78px 0 34px}.sender-hero h1{font-size:clamp(36px,7vw,58px)}.sender-card{padding:30px}.field-group{margin-bottom:25px}.field-group label{color:#eff5fd;margin-bottom:9px;font-size:14px;font-weight:690;display:block}.field-group input{color:#f3f8ff;background:#0c1a2d;border:1px solid #50637c;border-radius:10px;outline:none;width:100%;height:52px;padding:0 15px;font-size:16px;display:block}.field-group input:focus{border-color:#b7f58a;box-shadow:0 0 0 3px #b7f58a24}.field-group input::placeholder{color:#627b98}#pin-input{letter-spacing:.25em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:700}.field-help{color:#8398b1;margin-top:8px;font-size:12px;display:block}.paired-banner{color:#b7f58a;background:#b7f58a10;border:1px solid #477145;border-radius:10px;align-items:center;gap:9px;margin-bottom:24px;padding:13px 14px;font-size:13px;font-weight:650;display:flex}.button-full{width:100%}.sender-success{flex-direction:column;align-items:flex-start;padding:20px 0;display:flex}.sender-success h2{margin:0}@media (width<=700px){.shell{width:min(100% - 28px,550px);padding-top:18px}.hero{padding:57px 4px 28px}.hero p{font-size:15px}.receiver-card{padding:22px}.card-heading{flex-direction:column}.pair-grid{grid-template-columns:1fr;gap:29px;padding-top:25px}.qr-panel{order:2}.pin-panel{text-align:center;order:1;padding:0}.pin-panel p{margin-left:auto;margin-right:auto}.pin-code{font-size:clamp(40px,10vw,64px)}.countdown-wrap{justify-content:center;margin-top:18px}.sender-card{padding:22px}}