/* ORP Connect: shared appearance tokens, logical spacing, no profile imagery or external assets. */
.connect-main{--connect-rose:#e56b94;--connect-violet:#9b86ed;color:var(--orp-theme-text,var(--text));max-width:100%;min-width:0}.connect-main a{ text-underline-offset:.2em}.connect-main label{display:block;margin-block:1rem .4rem}.connect-main input:not([type=checkbox]):not([type=radio]),.connect-main textarea,.connect-main select{max-width:100%;box-sizing:border-box}.connect-main .choice input{margin-inline-end:.5rem}.connect-main .action-row{flex-wrap:wrap;gap:.65rem}.connect-main form{margin-block:1rem}.connect-main textarea{resize:vertical}.connect-main .notice:empty{display:none}.connect-heading{margin-block-end:1.5rem}.connect-heading p{color:var(--muted)}.connect-wordmark{font-size:1.35rem;font-weight:850;text-decoration:none}.connect-welcome{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:3rem;align-items:center;padding:clamp(22px,4vw,48px);border:1px solid var(--border);border-radius:30px;background:radial-gradient(ellipse at 10% 10%,color-mix(in srgb,var(--connect-rose) 13%,transparent),transparent 65%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--connect-violet) 14%,transparent),transparent 70%);position:relative;overflow:hidden}.connect-eyebrow{font-weight:800;font-size:.8rem;letter-spacing:.06em;margin-block:0 1.1rem}.connect-welcome .connect-wordmark{font-size:1rem;margin-block:0 1rem;color:var(--muted)}.connect-welcome h1{font-size:clamp(2.3rem,4.6vw,3.65rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 1.3rem;text-wrap:balance;max-width:15ch;overflow-wrap:normal;word-break:normal}.connect-lead{font-size:1.08rem;line-height:1.8;max-width:43ch}.connect-free{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;border:1px solid var(--border);border-radius:999px;padding:.55rem 1rem;background:var(--surface);margin-block:.6rem}.connect-free span{font-size:1.5rem;line-height:1}.connect-tagline{font-weight:650;font-size:.95rem;color:var(--muted)}.connect-art{height:125px;max-width:290px;position:relative;margin-block:.7rem 0;direction:ltr}.connect-orbit{position:absolute;width:230px;height:100px;border:1px dashed color-mix(in srgb,var(--connect-violet) 65%,var(--border));border-radius:50%;inset:10px 20px;transform:rotate(-13deg)}.connect-face{display:grid;place-items:center;position:absolute;inset-block-start:20px;width:78px;height:78px;border-radius:27px;font:65px/1 system-ui;color:#332b4d;box-shadow:0 12px 25px #0000000d}.connect-face-one{inset-inline-start:20px;background:#ffdbb0;transform:rotate(-10deg)}.connect-face-two{inset-inline-start:170px;background:#cbbdf5;transform:rotate(12deg)}.connect-heart{position:absolute;inset:18px auto auto 106px;font-size:56px;color:var(--connect-rose);transform:rotate(-7deg)}.connect-spark{position:absolute;inset:0 auto auto 245px;font-size:24px;color:var(--connect-violet)}.connect-join.card{border-radius:24px;box-shadow:0 16px 40px #0000000a;padding:clamp(22px,2.8vw,32px);position:relative}.connect-join-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--border);border-radius:18px;font-size:28px;margin-block-end:1.2rem;background:color-mix(in srgb,var(--connect-rose) 10%,transparent)}.connect-join h2{font-size:1.55rem;margin-block:0 .8rem}.connect-join p{line-height:1.65}.connect-join form>.btn{width:100%;margin-block-start:1rem;white-space:normal}.connect-join .input{min-height:48px}.connect-adult{display:flex;align-items:flex-start;gap:.65rem;border-top:1px solid var(--border);padding-block-start:1rem}.connect-adult span{font-size:.75rem;font-weight:800;flex-shrink:0;border:1px solid var(--border);padding:2px 5px;border-radius:6px}.connect-policy-link{font-size:.85rem}.connect-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px}.connect-features .card{padding:26px;box-shadow:none}.connect-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--connect-violet) 9%,transparent);font-size:25px;margin-block-end:1rem}.connect-features h2{font-size:1.2rem;margin-block:0 .65rem}.connect-features p,.connect-safety p{line-height:1.75;margin:0;color:var(--muted)}.connect-next{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:center;padding:28px 8px;margin-block:1.5rem}.connect-next h2{font-size:1.8rem;max-width:20ch;margin:0}.connect-steps{list-style:none;counter-reset:connect-step;display:grid;gap:1.2rem;padding:0;margin:0}.connect-steps li{counter-increment:connect-step;display:flex;align-items:center;gap:1rem;line-height:1.65}.connect-steps li:before{content:counter(connect-step,decimal-leading-zero);font-size:.8rem;font-weight:800;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;min-width:35px;height:35px;background:color-mix(in srgb,var(--connect-rose) 9%,transparent)}.connect-safety{display:flex;align-items:center;gap:1.3rem;margin-block:1rem 2rem;box-shadow:none}.connect-safety>span{font-size:2rem}.connect-safety>div{flex:1}.connect-safety h2{font-size:1.2rem;margin-block:0 .5rem}.connect-safety>a{flex-shrink:0}.connect-policy{border-top:1px solid var(--border);padding-block:1.5rem;margin-block-start:2rem}.connect-policy details{line-height:1.7}.connect-policy summary{cursor:pointer;font-weight:750}.connect-languages{margin-block-start:1.5rem}.connect-languages nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.85rem}.connect-sections{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1rem 1.5rem}.connect-sections a,.connect-sections summary{display:inline-flex;align-items:center;padding:.6rem .85rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:700;cursor:pointer;background:var(--surface);white-space:nowrap;word-break:normal;flex:0 0 auto}.connect-sections a[aria-current=page]{outline:2px solid var(--orp-theme-accent,var(--blue));outline-offset:1px}.connect-more{position:relative}.connect-more[open]{flex-basis:100%}.connect-more>div{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-start:.7rem}.connect-main :focus-visible{outline:3px solid var(--orp-theme-accent,var(--blue));outline-offset:4px}.connect-main [id]{scroll-margin-top:150px}@media(max-width:800px){.connect-welcome{gap:1.8rem;grid-template-columns:1fr}.connect-welcome h1{max-width:22ch}.connect-art{height:110px}.connect-features{grid-template-columns:1fr}.connect-next{grid-template-columns:1fr}.connect-safety{align-items:flex-start;flex-wrap:wrap}.connect-join.card{max-width:none}.connect-welcome{padding:24px}.connect-next{padding:18px 4px}.connect-features .card{padding:22px}}@media(prefers-reduced-motion:reduce){.connect-main *{scroll-behavior:auto!important}}

/* Friendship and love palette. Surfaces still derive from ORP's selected theme. */
.connect-main{--connect-love:#be185d;--connect-friendship:#0f766e;--connect-possibility:#6d28d9;--connect-rose:#e879a4;--connect-violet:#a78bfa}
html[data-orp-theme="dark"] .connect-main{--connect-love:#f9a8d4;--connect-friendship:#5eead4;--connect-possibility:#c4b5fd}
.connect-welcome{background:radial-gradient(ellipse at 8% 4%,color-mix(in srgb,var(--connect-rose) 23%,transparent),transparent 67%),radial-gradient(ellipse at 95% 80%,color-mix(in srgb,var(--connect-violet) 23%,transparent),transparent 72%);border-color:color-mix(in srgb,var(--connect-love) 28%,var(--border));box-shadow:0 18px 55px color-mix(in srgb,var(--connect-rose) 9%,transparent)}
.connect-welcome h1{color:var(--connect-love);background:linear-gradient(120deg,var(--connect-love),var(--connect-possibility) 67%,var(--connect-friendship));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.connect-welcome .connect-wordmark,.connect-eyebrow{color:var(--connect-love)}.connect-lead{color:var(--connect-possibility)}.connect-tagline{color:var(--connect-friendship)}.connect-free{color:var(--connect-love);border-color:color-mix(in srgb,var(--connect-love) 30%,var(--border));background:color-mix(in srgb,var(--connect-rose) 10%,var(--orp-theme-surface,var(--surface)))}
.connect-join.card{background:linear-gradient(155deg,color-mix(in srgb,var(--connect-rose) 9%,transparent),transparent 70%),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-love) 26%,var(--border))!important}.connect-join h2{color:var(--connect-love)!important}.connect-join-icon{background:color-mix(in srgb,var(--connect-rose) 18%,transparent);border-color:color-mix(in srgb,var(--connect-rose) 35%,var(--border))}.connect-join .btn:not(.secondary){background:linear-gradient(115deg,#be185d,#7c3aed)!important;color:#fff!important;box-shadow:0 8px 22px #be185d22}
.connect-features>article{--connect-card-color:var(--connect-friendship);background:linear-gradient(145deg,color-mix(in srgb,var(--connect-card-color) 9%,transparent),transparent 90%),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-card-color) 30%,var(--border))!important;border-block-start:3px solid var(--connect-card-color)!important}.connect-features>article:nth-child(2){--connect-card-color:var(--connect-love)}.connect-features>article:nth-child(3){--connect-card-color:var(--connect-possibility)}.connect-features>article h2{color:var(--connect-card-color)!important}.connect-feature-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;background:color-mix(in srgb,var(--connect-card-color) 13%,transparent);border-color:color-mix(in srgb,var(--connect-card-color) 25%,var(--border));font-size:27px;width:50px;height:50px}.connect-face{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:51px}.connect-heart{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:46px}.connect-next h2{color:var(--connect-possibility)}.connect-steps li:before{color:var(--connect-love);border-color:color-mix(in srgb,var(--connect-love) 30%,var(--border));background:color-mix(in srgb,var(--connect-rose) 13%,transparent)}
.connect-main .connect-safety.card{display:block;padding:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--connect-friendship) 8%,transparent),color-mix(in srgb,var(--connect-violet) 8%,transparent)),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-friendship) 30%,var(--border))!important}.connect-safety>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:24px;cursor:pointer;list-style:none}.connect-safety>summary::-webkit-details-marker{display:none}.connect-safety-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:2rem;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--connect-friendship) 12%,transparent)}.connect-safety-intro{display:grid;gap:.55rem;min-width:0}.connect-safety-intro>strong{font-size:1.2rem;color:var(--connect-friendship)}.connect-safety-intro>span{color:var(--muted);line-height:1.7}.connect-privacy-trigger{color:var(--connect-possibility);font-weight:750;text-decoration:underline;text-underline-offset:.22em;white-space:nowrap}.connect-privacy-chevron{display:inline-block;text-decoration:none;margin-inline-start:.35rem}.connect-safety[open] .connect-privacy-chevron{transform:rotate(180deg)}.connect-privacy-content{border-block-start:1px solid var(--border);padding:8px 24px 24px;line-height:1.8;overflow-wrap:anywhere}.connect-privacy-content p{color:var(--orp-theme-text,var(--text));margin-block:1rem}.connect-footer{padding-block:1rem}.connect-footer .connect-languages{margin-block-start:.5rem}
@media(max-width:600px){.connect-safety>summary{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:20px}.connect-privacy-trigger{grid-column:2;justify-self:start}.connect-privacy-content{padding-inline:20px}.connect-safety-icon{width:42px;height:42px;font-size:1.75rem}}
@media(forced-colors:active){.connect-welcome h1{background:none!important;-webkit-text-fill-color:CanvasText;color:CanvasText}.connect-features>article,.connect-main .connect-safety.card,.connect-join.card{background:Canvas!important;border-color:CanvasText!important}.connect-privacy-trigger{color:LinkText}}