.connection-page{min-height:100vh}.connection-main{max-width:1260px;margin:0 auto;padding:75px 40px 95px}.connection-heading{max-width:730px;margin-bottom:46px}.connect-eyebrow{color:#94e7ee;font:500 10px/1.5 var(--font-inter),sans-serif;letter-spacing:.13em}.connection-heading h1{font-size:clamp(49px,6vw,79px);line-height:1.03;margin:18px 0 22px;color:#f1f2f3}.connection-heading h1 em{font-style:normal;color:#b6e7ee}.connection-heading>p{max-width:605px;color:#b8c5d6;font-size:15px}.connection-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:30px}.connection-approval,.connection-guide{position:relative;min-width:0;border:1px solid #b4d1ed40;border-radius:23px;padding:30px;background:linear-gradient(145deg,#26394deb,#111e30f5 55%,#121b2bed);color:#e6f0fa;box-shadow:inset 0 1px 0 #ddecff50,0 2px 0 #071321,0 24px 65px #0004}.connection-approval:before,.connection-guide:before{content:"";position:absolute;left:26px;right:26px;height:1px;top:0;background:linear-gradient(90deg,transparent,#b0ecff,transparent);pointer-events:none}.connection-card-title,.connection-guide-title{display:flex;align-items:center;gap:13px;margin-bottom:23px}.connection-card-title>svg:last-child{margin-left:auto;color:#a8c6d8}.connect-symbol{display:grid;place-items:center;flex:none;width:49px;height:49px;color:#9de7f5;border-radius:15px;background:linear-gradient(145deg,#52788c77,#132332);border:1px solid #7aa6bd77;box-shadow:inset 0 1px 1px #dcecff66,0 3px 0 #091221}.connection-card-title h2,.connection-guide-title h2{font:400 29px/1.1 var(--font-display),Georgia,serif;letter-spacing:-.025em;margin:4px 0 0;color:#f0f4f8}.connection-account{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#afc4d6;padding:14px 0;margin:0 0 23px;border-top:1px solid #c7defb1c;border-bottom:1px solid #c7defb1c}.connection-account strong{color:#edf6ff;font-weight:500;overflow-wrap:anywhere}.connection-account a{margin-left:auto;color:#a8e5f1;text-decoration:underline;text-underline-offset:4px}.connection-code-form{display:flex;flex-direction:column;align-items:stretch}.connection-code-form label{color:#edf5ff;font-size:14px;font-weight:500}.connection-code-form>p{font-size:12px;color:#b4c8da;margin:9px 0 20px}.connection-code-form input{box-sizing:border-box;width:100%;border:1px solid #8eb5ce;border-radius:13px;padding:21px 18px;margin-bottom:24px;background:#091828;color:#d5f8ff;text-align:center;font:500 29px/1.2 var(--font-inter),sans-serif;letter-spacing:.12em;box-shadow:inset 0 2px 8px #0005,0 1px 0 #d8f4ff26}.connection-code-form input::-moz-placeholder{color:#648097;opacity:1}.connection-code-form input::placeholder{color:#648097;opacity:1}.connection-code-form input:focus-visible,.connection-guide a:focus-visible,.connection-guide button:focus-visible,.connection-page input:focus-visible,.connection-page textarea:focus-visible{outline:3px solid #fff1a8;outline-offset:4px}.connection-code-note{display:flex;gap:7px;align-items:center;justify-content:center}.connection-bottom-note{display:flex;gap:9px;border-top:1px solid #d2e7ff22;color:#b5c5d5;font-size:11px;line-height:1.7;padding-top:21px;margin:24px 0 0}.connection-bottom-note svg{flex:none;margin-top:2px;color:#87dce8}.connection-message{border:1px solid #90c3cd66;background:#173943;border-radius:11px;padding:14px;font-size:13px;line-height:1.65;margin:18px 0;overflow-wrap:anywhere}.connection-error{color:#ffe4eb;background:#492336;border-color:#ce7d97}.connection-notice{color:#d9fff0;background:#173d37;border-color:#88c9af66}.connection-review-head{display:flex;align-items:center;gap:12px;margin:20px 0}.connection-bot-avatar{display:grid;place-items:center;width:61px;height:61px;flex:none;color:#98f1ff;border:1px solid #9bd6ec;border-radius:50%;background:radial-gradient(circle at 32% 20%,#6792ab,#172a3e 55%,#060c18);box-shadow:inset 0 1px 2px #e2f5ff99,0 0 0 4px #78b5d41c}.connection-review-head h3{font:400 31px/1.1 var(--font-display),Georgia,serif;margin:5px 0 0;overflow-wrap:anywhere}.connection-review-head h3:focus{outline:none}.connection-state{margin-left:auto;border:1px solid #99b6c65e;border-radius:99px;padding:5px 8px;color:#d2e7f5;font-size:10px;text-transform:capitalize}.connection-state-approved,.connection-state-completed{color:#c2f9e7;border-color:#79c8ad80;background:#21544570}.connection-state-cancelled,.connection-state-denied,.connection-state-expired{color:#ffcfdd;border-color:#c68b9c80}.connection-metadata{margin:0;border-top:1px solid #cedeff22}.connection-metadata>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid #cedeff18;font-size:12px}.connection-metadata dt{color:#adc1d5}.connection-metadata dd{margin:0;overflow-wrap:anywhere;color:#ecf3fb}.connection-metadata small{display:block;margin-top:5px;color:#b9c7d6;font-size:10px;line-height:1.5}.connection-permissions{margin:24px 0;border-radius:12px;padding:18px;color:#163247;background:linear-gradient(140deg,#e6eff8,#c5d9e8);border:1px solid #eefaffb0;box-shadow:inset 0 1px 1px #fff}.connection-permissions h4,.connection-progress h4,.connection-uncertain h4{font:500 13px/1.5 var(--font-inter),sans-serif;margin:0 0 12px}.connection-permissions ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.connection-permissions li{display:flex;gap:9px;font-size:12px;line-height:1.55}.connection-permissions li svg{flex:none;margin-top:2px}.connection-permissions p{font-size:11px;color:#345268;margin:15px 0 0;border-top:1px solid #617c9433;padding-top:13px}.connection-choice{min-width:0;margin:0;padding:0;border:0}.connection-choice legend{font-size:13px;color:#eaf2fb;margin-bottom:12px}.connection-choice label{display:flex;align-items:flex-start;gap:11px;padding:16px 13px;margin-bottom:10px;min-height:65px;border:1px solid #9cb5d444;border-radius:12px;background:#0d1b2b;cursor:pointer}.connection-choice label.is-selected{border-color:#82d9e9;background:linear-gradient(125deg,#244857aa,#152736);box-shadow:inset 0 1px 1px #a6eaff44,0 0 0 2px #6dcedf12}.connection-choice input,.connection-consent input{width:18px;height:18px;flex:none;accent-color:#8adfee;margin:2px 0 0}.connection-choice strong{display:block;font-size:13px;font-weight:500;color:#eef7ff;overflow-wrap:anywhere}.connection-choice small{display:block;font-size:11px;line-height:1.65;color:#b7c8da;margin-top:6px}.connection-consent{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.7;color:#d2dfed;padding:15px 0;margin-bottom:9px;cursor:pointer}.connection-guide-actions,.connection-resolution{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.connection-guide-actions .glass-control,.connection-resolution .glass-control{padding:0 18px;min-height:49px;font-size:12px}.connection-progress,.connection-uncertain{margin-top:24px;padding:18px;border-radius:13px;border:1px solid #97bccb55;background:#18354680}.connection-progress h4{display:flex;align-items:center;gap:9px;color:#d7f7ff}.connection-progress p,.connection-uncertain p{font-size:12px;color:#c3d4e3;margin:0 0 17px}.connection-progress code{color:#e3f5ff;background:#061525;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.connection-complete{background:#173e3a8c;border-color:#88cfb36b}.connection-complete h4{color:#c3ffdf}.connection-text-toggle{display:inline-flex;align-items:center;min-height:44px;color:#a5e8f2;background:none;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:5px;font:400 12px var(--font-inter),sans-serif;cursor:pointer}.connection-text-toggle:disabled{cursor:not-allowed;opacity:.55}.connect-small,.connection-loading{font-size:13px;line-height:1.7;color:#bfd0e1}.connection-guide{background:linear-gradient(140deg,#142536e8,#111b2beb)}.connection-guide>p{font-size:13px;color:#b9cadd;margin:0 0 22px}.connection-guide-steps{list-style:none;margin:25px 0 30px;padding:0}.connection-guide-steps li{display:flex;gap:16px;padding-bottom:22px;position:relative}.connection-guide-steps li:last-child{padding-bottom:0}.connection-guide-steps li>span{color:#8cddeb;font:500 10px/30px var(--font-inter),sans-serif;display:block;width:31px;height:31px;text-align:center;border-radius:50%;border:1px solid #8ac2db70;background:#162d3f;flex:none;box-shadow:inset 0 1px 1px #b8eaff44}.connection-guide-steps li:not(:last-child):after{content:"";position:absolute;width:1px;background:linear-gradient(#88ccdc55,#88ccdc11);top:35px;bottom:3px;left:15px}.connection-guide-steps strong{color:#e9f4fd;font-size:13px;font-weight:500}.connection-guide-steps p{font-size:12px;color:#b6c7d8;margin:6px 0 0;line-height:1.6}.connection-guide .connection-copy-status{font-size:11px;margin:18px 0 2px;min-height:18px;color:#b8cbdc}.connection-instruction-label{display:block;font-size:12px;color:#d5e6f6}.connection-instructions{box-sizing:border-box;width:100%;max-width:100%;margin-top:9px;border-radius:9px;border:1px solid #82adc2;background:#091726;color:#c6e0ee;padding:14px;font:11px/1.7 ui-monospace,Consolas,monospace;resize:vertical}.connection-resource-links{display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;margin-top:9px}.connection-resource-links a{min-height:44px;display:inline-flex;gap:5px;align-items:center;color:#a6dce9;font-size:11px;text-decoration:underline;text-underline-offset:4px}.connection-guardrails{border-top:1px solid #c6e3ff20;padding-top:12px;margin-top:13px}.connection-guardrails p{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#bbcede;margin:12px 0;line-height:1.7}.connection-guardrails svg{flex:none;margin-top:3px;color:#96dce5}.connection-guide-compact{margin:20px 0}.connection-guide-compact .connection-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connection-guide-compact .connection-guide-steps li{padding-bottom:0}.connection-guide-compact .connection-guide-steps li:after{display:none}@media (min-width:900px){.connection-guide:not(.connection-guide-compact){margin-top:65px}}@media (max-width:800px){.connection-main{padding:44px 24px 65px}.connection-layout{grid-template-columns:minmax(0,1fr);gap:25px}.connection-heading{margin-bottom:32px}.connection-heading h1{font-size:58px}.connection-approval,.connection-guide{padding:25px}}@media (max-width:480px){.connection-main{padding:34px 18px 50px}.connection-heading h1{font-size:52px}.connection-heading>p{font-size:14px}.connection-approval,.connection-guide{padding:21px 18px;border-radius:19px}.connection-card-title h2,.connection-guide-title h2{font-size:27px}.connect-symbol{width:43px;height:43px;border-radius:13px}.connection-account a{width:100%;margin:4px 0 0 24px}.connection-code-form input{font-size:26px;padding:20px 8px}.connection-review-head{flex-wrap:wrap}.connection-state{margin-left:0}.connection-review-head h3{font-size:28px}.connection-metadata>div{grid-template-columns:73px minmax(0,1fr);gap:10px}.connection-guide-actions,.connection-resolution{flex-direction:column;align-items:stretch;gap:16px}.connection-choice label{padding:15px 11px}.connection-guide-compact .connection-guide-steps{display:block}.connection-guide-compact .connection-guide-steps li{margin-bottom:19px}}@media (prefers-reduced-motion:reduce){.connection-guide *,.connection-page *{scroll-behavior:auto!important}}