:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e8f2fb;background:#08121c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% -40%,#174257,#08121c 68%)}a{color:#70daea;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a.btn{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100dvh}.site-head{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px}.site-head nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px;font-size:.9rem}.site-head nav a{color:#a8c1d0}.logo{display:flex;gap:10px;align-items:center;white-space:nowrap;font-weight:800;letter-spacing:.02em;color:#fff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#183e52;border:1px solid #4d9bb4;border-radius:10px;color:#69dfec;font-size:1.3rem}.main-content{max-width:1120px;padding:36px 24px 80px;margin:0 auto}.hero{max-width:800px;margin:55px 0 60px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.2em;color:#65d5e6;margin-bottom:16px}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.09;letter-spacing:-.045em;margin:0 0 18px}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem)}h1 span{color:#68d6e8}h2{font-size:1.2rem;margin:0 0 10px}p{line-height:1.6;color:#b2c5d0}.lead{font-size:1.13rem;color:#c8d9e3;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:13px 20px;border:1px solid transparent;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .18s}.btn:hover{text-decoration:none;filter:brightness(1.1)}.btn.primary{background:#65d6e8;color:#072331}.btn.subtle{background:#1a3445;border-color:#315569;color:#dbecf6}.btn.danger{background:#632e3d;color:#ffe9ee;border-color:#994b60}.btn.wide{width:100%;margin-top:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid .panel{min-height:240px}.feature-number{font-size:.8rem;color:#6ad4e5;display:block;margin-bottom:27px;letter-spacing:.16em}.panel{border:1px solid #2a4b5d;background:#102431d9;border-radius:19px;padding:28px;box-shadow:0 18px 42px #00000018;margin-bottom:16px}.notice{margin-top:28px}.narrow,.controller{max-width:620px;margin:0 auto}.narrow .panel,.controller .panel{margin-top:20px}label{display:block;margin:18px 0 7px;color:#e6f2f7;font-size:.9rem;font-weight:700}input,select{width:100%;padding:13px 14px;border:1px solid #38576c;color:#eef9ff;background:#0a1a28;border-radius:10px;outline:none}input:focus,select:focus{border-color:#5fc9e0;box-shadow:0 0 0 3px #5fc9e020}.small,.muted{font-size:.84rem;color:#8facbc}.message{padding:13px 15px;border-radius:9px;background:#174251;color:#bce9f3;margin-top:18px}.message.error{background:#4b2432;color:#ffe4e9}.link-button{background:transparent;border:0;padding:12px 0;color:#83cfe3;margin-top:18px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.device-row small{overflow-wrap:anywhere;color:#85a5b6}.status-display{text-align:center;padding:32px 18px 25px;border:1px solid #28495c;border-radius:17px;background:#0a1c29;margin-top:22px}.status-display h2{font-size:1.8rem;margin:12px 0 4px}.status-display p{margin:0}.status-dot{width:12px;height:12px;display:inline-block;border-radius:50%;background:#63798c}.status-display.active .status-dot{background:#56d3a0;box-shadow:0 0 0 6px #56d3a01c}.status-display.match-found{border-color:#65d6e8}.status-display.match-found .status-dot{background:#65d6e8}.accept{font-size:1.15rem;min-height:64px}.tip{margin-top:25px}.bottom-tabs{display:none}@media(max-width:720px){.main-content{padding:22px 16px 90px}.site-head{padding:15px 16px}.site-head nav{gap:12px;font-size:.8rem}.feature-grid{grid-template-columns:1fr}.feature-grid .panel{min-height:auto}.hero{margin:30px 0 45px}.panel{padding:22px}.device-row{align-items:flex-start;flex-direction:column}}@media(display-mode:standalone){.site-head{padding-top:calc(14px + env(safe-area-inset-top))}.site-head nav{display:none}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:13px 14px calc(13px + env(safe-area-inset-bottom));background:#0d202df5;border-top:1px solid #365567;z-index:10}.bottom-tabs a{color:#c7e7f1;font-weight:700}.main-content{padding-bottom:110px}}