.connect-page{min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#25272d 0%,#101114 46%,#0b0b0d 80%);color:var(--chrome-white);font-family:Arial,Helvetica,sans-serif;}
.connect-shell{width:min(100% - 40px,480px);margin:0 auto;padding:44px 0 26px;text-align:center;}
.connect-logo{display:block;width:230px;max-width:70%;height:auto;margin:0 auto 30px;}
.connect-eyebrow{font-family:monospace;font-size:10px;letter-spacing:.2em;color:var(--platinum);margin:0 0 18px;}
.connect-shell h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(28px,7vw,38px);line-height:1.16;letter-spacing:-.035em;margin:0 0 16px;max-width:none;}
.connect-intro{font-size:14px;line-height:1.65;color:var(--platinum);margin:0 auto 28px;max-width:330px;}
.connect-links{display:grid;gap:12px;padding:0;align-items:stretch;justify-content:stretch;}
.connect-link{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:18px 20px;min-height:76px;border:1px solid #484b54;background:linear-gradient(120deg,#24262c,#17181c);color:var(--chrome-white);text-decoration:none;transition:border-color .3s,background .3s;}
.connect-link strong{display:block;font-size:16px;font-weight:700;}
.connect-link small{display:block;font-size:12px;line-height:1.5;color:var(--platinum);margin-top:5px;}
.connect-arrow{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--platinum);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
.connect-link:hover{border-color:var(--platinum);background:#2c2e35;}
.connect-link:focus-visible,.connect-footer a:focus-visible{outline:3px solid var(--chrome-white);outline-offset:5px;}
.connect-primary{border-color:#a7acb5;}
.connect-note{font-size:12px;line-height:1.7;color:var(--platinum);margin:22px 0 30px;}
.connect-footer{border-top:1px solid var(--line-strong);padding:20px 0 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:var(--platinum);}
.connect-footer p{margin:0;}.connect-footer a{color:var(--platinum);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:380px){.connect-shell{padding-top:30px;}.connect-logo{width:190px;margin-bottom:24px;}.connect-link{padding:16px;}}
@media(prefers-reduced-motion:reduce){.connect-link{transition:none;}}

.connect-page{background:radial-gradient(ellipse at 15% 0%,#30333c 0%,transparent 50%),radial-gradient(ellipse at 100% 65%,#1c1f27 0%,transparent 55%),#0b0b0d;}
.connect-shell{width:min(100% - 40px,520px);}
.connect-logo{margin-bottom:26px;}
.connect-eyebrow::before,.connect-eyebrow::after{content:'';display:inline-block;width:24px;height:1px;background:#8d929b;vertical-align:middle;margin:0 12px;}
.connect-link{position:relative;gap:16px;min-height:92px;padding:18px;border-color:#42464f;background:linear-gradient(125deg,#242730,#14161b);box-shadow:0 5px 22px #0002;transition:border-color .2s,background .2s,transform .2s;}
.connect-link-copy{flex:1;min-width:0;}
.connect-platform-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #656b7766;background:linear-gradient(140deg,#ffffff0f,#ffffff03);color:#f1f3f7;border-radius:12px;}
.connect-platform-icon svg{width:23px;height:23px;}
.connect-primary{border-color:#a0a7b4;background:linear-gradient(125deg,#343943,#191c22);}
a.connect-link:hover{transform:translateY(-2px);border-color:#c5cbd4;background:linear-gradient(125deg,#343943,#20232b);}
.connect-link small{font-size:11px;line-height:1.5;}
.connect-pending{border-style:dashed;box-shadow:none;background:#14161a;}
.connect-pending .connect-platform-icon{color:#bcc1c9;}
.connect-status{font-size:9px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #555b65;padding:5px 7px;color:#c8ccd4;}
@media(max-width:380px){.connect-link{gap:12px;padding:15px 12px;}.connect-platform-icon{flex-basis:40px;width:40px;height:40px;}.connect-eyebrow{letter-spacing:.12em;}.connect-eyebrow::before,.connect-eyebrow::after{width:14px;margin:0 7px;}}
@media(prefers-reduced-motion:reduce){.connect-link{transition:none;}a.connect-link:hover{transform:none;}}

.connect-page{position:relative;isolation:isolate;background:#0b0b0d;}
.connect-page::before{content:'';position:fixed;inset:0;z-index:-2;background:url('https://images.unsplash.com/photo-1683778547049-8d969766b441?fm=jpg&q=75&w=1600&auto=format&fit=crop') center 72%/cover no-repeat;opacity:.23;pointer-events:none;}
.connect-page::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0b0d55 0%,#0b0b0d22 45%,#0b0b0ddd 100%);pointer-events:none;}
.connect-link{background:linear-gradient(125deg,#242730f2,#14161bf5);}