.connect-body{min-height:100vh;background:#f5f4f1;color:#171a1b}.connect-header{height:68px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#f5f4f1;color:#171a1b;border-bottom:1px solid #e5e4e0}.connect-header .brand img{filter:grayscale(1) brightness(.2)}.connect-back{font-size:10px;color:#73797b}.connect-back span{margin-left:8px;color:#7198b4;font-size:13px}.connect-main{padding:34px 32px 48px;min-height:calc(100vh - 68px)}.connect-layout{width:min(1110px,100%);min-height:690px;margin:0 auto;display:grid;grid-template-columns:.93fr 1.07fr;border:1px solid #e8e7e3;background:#fff;box-shadow:0 23px 70px rgba(37,43,46,.07)}.connect-visual{position:relative;overflow:hidden;background:#090b0c;color:white;min-height:690px}.connect-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 39%,rgba(82,122,151,.18),transparent 47%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.42))}.connect-orbit{position:absolute;width:470px;height:190px;left:50%;top:39%;border:1px solid rgba(160,190,212,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg)}.orbit-b{width:360px;height:145px;transform:translate(-50%,-50%) rotate(32deg);border-color:rgba(160,190,212,.14)}.orbit-c{width:250px;height:100px;transform:translate(-50%,-50%) rotate(-23deg);border-color:rgba(160,190,212,.12)}.connect-globe{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);height:78px;width:78px;display:grid;place-items:center;border-radius:50%;background:#101719;border:1px solid rgba(152,190,216,.43);box-shadow:0 0 40px rgba(106,155,187,.17)}.connect-globe img{height:28px;width:28px;filter:grayscale(1) brightness(2)}.connect-globe span{position:absolute;top:calc(100% + 10px);font-size:7px;letter-spacing:1.3px;color:#a8bac6}.connect-node{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(16,20,22,.75);color:#aebbc3;font-size:6px;letter-spacing:1px}.node-top{top:20%;left:13%}.node-right{top:31%;right:10%}.node-bottom{top:50%;left:34%}.connect-visual-copy{position:absolute;left:48px;right:38px;bottom:75px}.connect-eyebrow{display:flex;align-items:center;gap:8px;color:#87959e;font-size:7px;letter-spacing:1.4px;margin:0 0 14px}.connect-eyebrow>span{display:block;height:1px;width:17px;background:#87aac1}.connect-visual-copy h1{font-size:clamp(32px,3.3vw,46px);line-height:1.08;font-weight:450;letter-spacing:-2px;margin:0 0 14px}.connect-visual-copy h1 em{font-style:normal;color:#8fadc1}.connect-visual-copy>p:last-child{font-size:10px;color:#969fa3;margin:0}.connect-visual-foot{position:absolute;left:48px;bottom:24px;color:#626b70;font-size:6px;letter-spacing:1.2px}.connect-visual-foot span{padding:0 6px;color:#83a8c2}.connect-panel{padding:58px 68px 39px;align-self:center}.connect-eyebrow-dark{color:#838a8d}.connect-panel h2{font-size:42px;line-height:1.04;font-weight:450;letter-spacing:-2.2px;margin:0 0 15px}.connect-panel h2 em{font-style:normal;color:#7898af}.connect-intro{max-width:380px;color:#787f82;font-size:11px;line-height:1.8;margin:0 0 24px}.provider-buttons{display:grid;gap:9px}.provider-button{height:45px;width:100%;border:1px solid #d9dcda;border-radius:24px;background:#fff;display:grid;grid-template-columns:27px 1fr 18px;align-items:center;padding:0 15px;text-align:left;cursor:pointer;color:#252a2b;font-family:var(--font);font-size:10px;font-weight:550;transition:background .2s,border-color .2s,transform .2s}.provider-button:hover{background:#f8f9f8;border-color:#b9c5cb;transform:translateY(-1px)}.google-mark{font-size:15px;font-weight:700;color:#4285f4;font-family:Arial,sans-serif}.apple-button svg{width:17px;height:17px;fill:#171a1b}.provider-arrow{justify-self:end;color:#7d9bb0;font-size:14px;font-weight:400}.connect-status{min-height:18px;margin:9px 1px 0;color:#9b654e;font-size:9px;line-height:1.55}.connect-status:empty{display:none}.connect-privacy{display:flex;gap:10px;padding:12px 13px;margin-top:15px;background:#f5f6f4;border:1px solid #eceeeb;border-radius:5px}.privacy-lock{font-size:14px;color:#708f80;line-height:1.2}.connect-privacy p{font-size:8px;color:#787f81;line-height:1.65;margin:0}.connect-privacy b{color:#3f4749;font-weight:600}.connect-divider{display:flex;align-items:center;gap:11px;margin:22px 0 12px;color:#9a9fa0;font-size:7px;letter-spacing:1px}.connect-divider:before,.connect-divider:after{content:"";height:1px;background:#e6e7e3;flex:1}.vcf-picker{display:flex;align-items:center;gap:11px;border:1px dashed #cbd3d5;background:#fff;padding:10px 12px;border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s}.vcf-picker:hover{background:#f8fafb;border-color:#8daabd}.vcf-icon{height:26px;width:26px;display:grid;place-items:center;border-radius:50%;background:#edf2f4;color:#6f91a8;font-size:15px}.vcf-picker>span:nth-child(2){flex:1}.vcf-picker b,.vcf-picker small{display:block}.vcf-picker b{font-size:9px;font-weight:550}.vcf-picker small{font-size:7px;color:#8b9193;margin-top:2px}.vcf-arrow{color:#7c9ab0;font-size:12px}.vcf-note{color:#999fa1;font-size:7px;line-height:1.6;margin:8px 1px 0}.setup-note{margin:16px 0 0;padding-top:13px;border-top:1px solid #ededeb;color:#9a9fa0;font-size:7px;line-height:1.7}.connect-home-link{display:inline-block;margin-top:14px;font-size:8px;color:#596367}.connect-home-link:hover{color:#587f99}.contact-results{margin-top:14px;border:1px solid #e4e7e4;border-radius:5px;overflow:hidden}.contact-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7f8f6}.contact-results-head b,.contact-results-head small{display:block}.contact-results-head b{font-size:9px}.contact-results-head small{font-size:7px;color:#8d9496;margin-top:2px}.contact-results-head button{border:0;background:none;color:#718a9a;font-size:8px;cursor:pointer}.contact-results ul{list-style:none;padding:0;margin:0;max-height:205px;overflow:auto}.contact-row{display:grid;grid-template-columns:17px 1fr;gap:8px;align-items:start;padding:9px 12px;border-top:1px solid #f0f1ef}.contact-row input{margin:2px 0 0;accent-color:#678ba5}.contact-row b,.contact-row small{display:block}.contact-row b{font-size:8px;font-weight:550}.contact-row small{font-size:7px;color:#8d9496;margin-top:2px;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.connect-main{padding:20px}.connect-layout{grid-template-columns:1fr;max-width:560px}.connect-visual{min-height:300px}.connect-orbit{top:40%;width:400px;height:150px}.orbit-b{width:315px;height:120px}.orbit-c{width:225px;height:85px}.connect-globe{top:40%;width:62px;height:62px}.connect-globe img{width:23px;height:23px}.node-top{top:14%;left:10%}.node-right{top:32%;right:8%}.node-bottom{top:59%;left:38%}.connect-visual-copy{left:27px;right:20px;bottom:24px}.connect-visual-copy h1{font-size:31px;margin-bottom:6px}.connect-visual-copy .connect-eyebrow{margin-bottom:8px}.connect-visual-copy>p:last-child{font-size:8px}.connect-visual-foot{display:none}.connect-panel{padding:38px 34px 34px}}
@media(max-width:440px){.connect-header{height:58px;padding:0 17px}.connect-header .brand{font-size:13px}.connect-header .brand img{width:22px;height:22px}.connect-back{font-size:8px}.connect-main{padding:10px}.connect-layout{min-height:0}.connect-visual{min-height:255px}.connect-panel{padding:30px 20px 27px}.connect-panel h2{font-size:37px}.connect-intro{font-size:10px}.provider-button{height:43px}.connect-privacy{gap:8px}.connect-privacy p{font-size:7px}}
.connect-status[data-kind="success"]{color:#62876e}.connect-status[data-kind="error"]{color:#a0644e}
.google-contact-action{margin-top:10px;padding:10px 11px;background:#f5f7f6;border:1px solid #e6eae7;border-radius:5px}.google-contact-action>p{font-size:7px;color:#808789;line-height:1.6;margin:0 0 8px}.google-contact-action>p b{color:#3c4548;font-weight:600}.google-contact-action .provider-button{height:38px;font-size:8px;background:#fff}.google-contact-icon{font-size:15px;color:#6b8fa7}
.connect-header .brand-stack b{font-size:13px}.connect-header .brand-stack small{font-size:5px}.connect-main{padding-top:25px}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e6e7e4;margin:0 0 15px}.auth-mode{height:36px;position:relative;border:0;background:none;color:#92989a;font:500 9px var(--font);cursor:pointer}.auth-mode:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.auth-mode.active{color:#1e2426}.auth-mode.active:after{background:#7296ae}.email-auth-form{display:grid;gap:10px}.auth-field{display:grid;gap:5px;color:#5a6265;font-size:8px;font-weight:550}.auth-field input{height:38px;width:100%;border:1px solid #dfe2df;border-radius:4px;padding:0 11px;background:#fff;color:#252a2b;font:400 9px var(--font);outline:none}.auth-field input::placeholder{color:#b1b6b7}.auth-field input:focus{border-color:#8ba8bb;box-shadow:0 0 0 3px rgba(120,157,181,.12)}.auth-field[hidden]{display:none}.auth-form-meta{display:flex;justify-content:flex-end;margin-top:-3px}.auth-form-meta button{border:0;background:none;padding:2px 0;color:#718da0;font:500 8px var(--font);cursor:pointer}.email-submit{height:39px;width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:22px;padding:0 15px;background:#151819;color:#fff;font:500 9px var(--font);cursor:pointer;transition:background .2s}.email-submit:hover{background:#2b363d}.email-submit span{color:#a5bfd0;font-size:14px}.provider-divider{margin:18px 0 10px}.contact-divider{margin:18px 0 10px}.google-contact-action{margin-top:10px}
@media(max-width:440px){.connect-header .brand-stack b{font-size:11px}.connect-header .brand-stack small{font-size:4.5px}.auth-field input{height:36px}}