:root{color-scheme:dark;--bg:#0a1018;--panel:#111b27;--line:#263345;--muted:#8d9eb3;--text:#ecf3fc;--lime:#baf56c;--blue:#77adff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,border-color .2s,opacity .2s}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;border-right:1px solid #202d3e;background:#0d1520;padding:35px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.wordmark{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:850;letter-spacing:1px}.brand-icon{color:var(--lime);display:grid;place-items:center;width:35px;height:44px;border-radius:10px;background:#baf56c12}.wordmark-sub{display:block;font-size:8px;font-weight:600;letter-spacing:2px;color:#a5b6c8;margin-top:2px}.nav-label{color:#62758c;font-size:9px;letter-spacing:1.8px;margin-top:53px;margin-bottom:18px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav a{padding:13px 12px;display:flex;gap:12px;align-items:center;color:#8ea0b5;border:1px solid transparent;border-radius:9px;font-size:13px}.sidebar nav a:hover{background:#1b2b3c}.sidebar nav a.active{background:#baf56c0c;border-color:#baf56c29;color:var(--lime)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.private-label{display:flex;gap:8px;color:#c4d2e0;font-size:11px}.sidebar-bottom p{font-size:10px;color:#667b94;margin:8px 0 28px}.profile{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:22px;overflow:hidden}.profile>span{width:33px;height:33px;display:grid;place-items:center;background:#263a50;color:#b7cff0;border-radius:50%;font-weight:bold;flex-shrink:0}.profile strong{display:block;font-size:11px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;font-size:8px;color:#7890aa;margin-top:5px;letter-spacing:.6px}.workspace{margin-left:246px;width:calc(100% - 246px)}.topbar{height:73px;padding:0 47px;border-bottom:1px solid #202c3c;display:flex;align-items:center;justify-content:space-between;color:#7f93aa;font-size:11px}.topbar>span{display:flex;gap:14px;align-items:center}.topbar strong{font-weight:500;color:#c4d2e1}.phase{display:flex;align-items:center;gap:8px;font-size:10px}.phase span{width:6px;height:6px;border-radius:100%;background:#e5b970}main{max-width:1270px;margin:0 auto;padding:43px 47px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.eyebrow{color:var(--blue);font-size:9px;letter-spacing:2px;font-weight:700}h1{font-size:34px;letter-spacing:-1px;font-weight:650;margin:11px 0 12px}p{line-height:1.65}.page-heading p{margin:0;color:var(--muted);font-size:12px;max-width:560px}.secure-badge{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:9px 12px;font-size:10px;color:#a9bcd0;white-space:nowrap}.connection-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:23px;align-items:start}.connection-card,.pair-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,#142132,#101925);padding:28px}.connection-card{min-height:330px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:13px}.wa{background:#62dc9615;color:#73e8a6}.status-pill{font-size:9px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid;border-radius:30px;white-space:nowrap}.status-pill i{height:4px;width:4px;background:currentColor;border-radius:100%}.amber{color:#e9be76;background:#dba9470b;border-color:#b992422e}.green{color:#92e8b0;background:#38c0730b;border-color:#38c07330}.neutral{color:#98aac0;border-color:#314158;background:#142233}h2{font-size:20px;letter-spacing:-.5px;font-weight:600;margin:22px 0 9px}.number{font-size:20px;letter-spacing:.5px;font-weight:500;margin:8px 0}.description{color:#91a4bb;font-size:11px;margin:5px 0}.rule{height:1px;background:#29384b;margin:26px 0 19px}.card-detail{display:flex;justify-content:space-between;margin:14px 0;font-size:11px}.card-detail>span{color:#8a9db4}.card-detail strong{font-size:11px;font-weight:500}.muted{color:#8396ad}.text-button{display:inline-flex;gap:7px;align-items:center;margin-top:20px;border:0;background:transparent;color:#bdcfe2;font-size:10px;padding:0}.checked{display:block;color:#6c8099;font-size:9px;margin-top:11px}.pair-card{background:#111b27}.section-kicker{font-size:9px;letter-spacing:1.5px;color:var(--lime);font-weight:600}.pair-card h2{margin-top:12px}.pair-card>p{color:#92a5ba;font-size:11px;margin-bottom:20px}.method-switch{display:flex;padding:4px;background:#09121f;border:1px solid #28364a;border-radius:8px;gap:4px}.method-switch button{flex:1;border:0;border-radius:5px;padding:10px 6px;background:transparent;color:#93a7be;font-size:10px}.method-switch button[aria-pressed=true]{background:#25354b;color:white}.pair-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#728aa4;min-height:162px;border:1px dashed #314158;border-radius:10px;margin:20px 0;gap:12px;background:radial-gradient(ellipse at center,#253f5726,transparent 80%)}.pair-placeholder span{font-size:11px;color:#adbed0}.pair-placeholder small{font-size:9px;color:#70859e;text-align:center;padding:0 12px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.7;color:#8fa4bc;margin:16px 0}.consent input{accent-color:var(--lime);margin-top:3px;flex-shrink:0;width:14px;height:14px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 12px;border-radius:8px;border:1px solid var(--lime);background:var(--lime);color:#13240c;font-size:11px;font-weight:700}.primary:hover:not(:disabled){background:#d2ffa0}.primary svg:last-child{margin-left:auto}.primary svg:first-child{margin-right:auto}.connector-note{font-size:9px!important;line-height:1.6!important;margin:14px 0 0!important;color:#71869e!important}.pair-output{text-align:center;margin:20px 0}.pair-output img{background:white;padding:10px;border-radius:9px;margin:0 auto;max-width:100%;height:auto}.pair-output p{font-size:10px;color:#9caec3}.pair-code{display:block;font-family:monospace;font-size:27px;letter-spacing:5px;color:var(--lime);padding:22px;background:#091320;border:1px solid #32485d;border-radius:8px}.error{background:#f2676710;border:1px solid #f2676740;color:#fbb2b2;padding:12px;font-size:11px;border-radius:8px;margin-top:15px}.preparation{margin:35px 0;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.section-heading h2{font-size:21px;margin:9px 0 0}.tiny-label{font-size:8px;letter-spacing:1.2px;color:#5b728e}.setup-rows{border:1px solid var(--line);border-radius:13px;background:#101a26;overflow:hidden}.setup-rows>div{display:flex;align-items:center;gap:15px;padding:21px 25px;border-bottom:1px solid #243144}.setup-rows>div:last-child{border:0}.setup-icon{display:grid;place-items:center;color:#7ce6a1;background:#70df9c0d;min-width:39px;height:39px;border:1px solid #70df9c20;border-radius:9px}.blue{color:#90b7f9;background:#90b7f90b;border-color:#90b7f920}.violet{color:#b5a4f9;background:#b5a4f90b;border-color:#b5a4f920}.setup-rows strong{font-size:12px;font-weight:500}.setup-rows p{font-size:10px;color:#8197b0;margin:5px 0 0}.setup-rows .status-pill{margin-left:auto}.activation-note{display:flex;gap:10px;color:#768ca6;font-size:10px;line-height:1.7;margin-top:17px}.activation-note svg{flex-shrink:0;color:#829ebc;margin-top:2px}.how-to{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;border-top:1px solid var(--line);padding-top:32px;padding-bottom:29px}.how-to h2{font-size:21px;margin:11px 0}.how-to p{color:#839ab3;font-size:11px}.how-to p strong{font-weight:500;color:#b5c9dc}.how-to ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:17px}.how-to li{display:flex;align-items:start;gap:13px;font-size:11px;color:#8ea5bf;line-height:1.7}.how-to li>b{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #34465d;border-radius:50%;color:#bbd4ef;font-size:10px;font-weight:500}.how-to li strong{color:#c0d2e6;font-weight:500}footer{border-top:1px solid #1c2b3d;padding-top:23px;display:flex;justify-content:space-between;color:#536d88;font-size:9px}footer>span{display:flex;align-items:center;gap:9px}footer i{display:inline-block;height:3px;width:3px;background:#627d9a;border-radius:100%}.auth-banner{border:1px solid #6ea7f04f;background:#5282c912;padding:16px;display:flex;gap:12px;align-items:center;margin:0 0 23px;border-radius:10px;color:#adc9ed;font-size:11px}.auth-banner a{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;text-decoration:underline}.spin{animation:spin 1s linear infinite}.connected-result{text-align:center;background:#8be5a60a;border:1px solid #8be5a630;border-radius:10px;padding:30px 20px;color:#95e4b0;margin:20px 0}.connected-result svg{margin:auto}.connected-result h3{font-size:16px}.connected-result p{font-size:11px;color:#9fb4c9}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 18px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:35px 27px 20px}.topbar{padding:0 27px}.connection-card,.pair-card{padding:22px}.secure-badge{display:none}.number{font-size:17px}.connection-grid{grid-template-columns:1fr 1.15fr}}@media(max-width:830px){.sidebar{position:static;width:100%;padding:19px 22px;border-bottom:1px solid var(--line);border-right:0;display:block}.sidebar .wordmark{font-size:21px}.sidebar nav{flex-direction:row;gap:10px;margin-top:20px}.sidebar nav a{font-size:11px;padding:9px 10px}.sidebar nav a svg{width:15px}.nav-label,.sidebar-bottom,.nav-dot{display:none}.shell{display:block}.workspace{margin-left:0;width:100%}.topbar{height:55px}main{padding-top:30px}.page-heading{margin-bottom:25px}h1{font-size:30px}.connection-card{min-height:initial}.card-top .status-pill{font-size:8px}.how-to{grid-template-columns:1fr;gap:15px}}@media(max-width:580px){.connection-grid{grid-template-columns:1fr}.connection-card,.pair-card{padding:23px}.connection-card .rule{margin:20px 0 15px}.connection-card h2{margin-top:17px}.card-detail{margin:12px 0}.connection-card .text-button{margin-top:12px}.number{font-size:22px}.setup-rows>div{gap:11px;padding:19px 15px;flex-wrap:wrap}.setup-rows>div>div{flex:1;min-width:150px}.setup-rows .status-pill{margin-left:50px}.section-heading .tiny-label{display:none}.auth-banner{flex-wrap:wrap}.auth-banner>span{flex:1;min-width:170px}footer>span:last-child{display:none}.sidebar nav a{padding:9px 7px}main{padding:28px 20px 24px}.topbar{padding:0 21px}.topbar>span{gap:8px;font-size:10px}.phase{font-size:9px}h1{font-size:27px}.page-heading p{font-size:11px}.setup-rows p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.spin{animation:none}}

.login-shell{max-width:470px;margin:12vh auto;padding:32px}.login-card{background:#111b27;border:1px solid #263345;border-radius:18px;padding:34px}.login-card .primary{margin-top:28px}.login-card h1{font-size:27px;margin-top:30px}.login-card p{font-size:12px;color:#93a6bd}.login-card small{font-size:10px;color:#768ca6}.user-line{color:#9db6cd;font-size:10px}.btn-logout{border:0;background:none;color:#95abc5;font-size:10px;padding:0;margin-top:8px;text-decoration:underline}.hidden,[hidden]{display:none!important}.primary{min-height:43px}.primary>span{flex:1}.boot{color:#8fa5bd}.connection-card .status-pill{margin-left:auto} .method-switch button.active{background:#25354b;color:white}.diagnostic-code{font-family:monospace;font-size:9px;color:#d0a6a6;display:block;margin-top:6px}.pair-output img{display:block}.notice{border:1px solid #baf56c33;background:#baf56c08;border-radius:8px;padding:16px;color:#b8d5ae;font-size:11px}