/* A small, self-contained addition to the existing BambiSMP theme. */
html{overflow-x:clip}
.home-page .hero-heading .title-kawaii{display:inline-block;font-size:.43em;vertical-align:middle;white-space:nowrap;letter-spacing:-.06em}
.home-page .hero-heading .eyebrow::before{content:none}
.home-page .bambi-live-chat:not(.is-open) .live-chat-panel{display:none}
.home-page .hero-heading .eyebrow{flex-wrap:wrap;text-align:center}
.home-page .hero-details{gap:0}
.home-page .hero-details .hero-actions{position:static!important;z-index:auto;top:auto;right:auto;width:auto;min-height:0;margin:4px auto 20px;padding:0}
.home-page .hero-details .hero-actions .hero-secondary-actions,.home-page .hero-details .hero-actions .button{width:auto}
.how-to-join{position:relative;isolation:isolate;width:min(100%,1030px);margin:8px auto 16px;padding:31px 34px 26px;text-align:left;border:1px solid #efbfd7;border-radius:31px;background:linear-gradient(150deg,#fffdfd 0%,#fff5fa 57%,#f9efff 100%);box-shadow:0 22px 55px rgba(125,65,99,.14),0 5px 0 rgba(237,166,201,.28);overflow:hidden;scroll-margin-top:100px}
.how-to-join::before{content:"✧";position:absolute;right:22px;top:2px;color:#f0bed7;font-size:62px;line-height:1;transform:rotate(14deg);z-index:-1}
.join-heading{text-align:center;margin:0 0 25px}
.join-eyebrow{display:block;color:#cb6e9e;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.join-heading h2{margin:7px 0 2px;color:#603e52;font:750 clamp(35px,4vw,49px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em}
.join-heading h2 em{font-style:normal;color:#dc5098}
.join-heading h2 span{display:inline-block;margin-left:6px;color:#e47fac;font-size:.48em;vertical-align:middle;white-space:nowrap}
.join-heading p{margin:5px 0 0;color:#8b677a;font-size:14px;font-weight:700}
.join-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.join-step{position:relative;min-width:0;min-height:334px;padding:21px 23px 19px;border:1px solid #efcee0;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(135,75,105,.08)}
.join-step-one{background:linear-gradient(180deg,#fff 40%,#fff5fa)}
.join-step-two{background:linear-gradient(145deg,#fff 35%,#f6efff)}
.join-number{display:inline-flex;align-items:baseline;gap:5px;margin-bottom:10px;color:#e05698;font:800 28px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.06em}
.join-number small{font:900 10px 'Nunito Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.join-step h3{max-width:370px;margin:0;color:#624057;font:750 22px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}
.join-step p{margin:8px 0 14px;color:#8a6b7d;font-size:13px;line-height:1.45}
.join-cta{display:inline-flex;align-items:center;gap:11px;min-height:42px;padding:10px 18px;border-radius:13px;background:#e64d9a;color:#fff!important;box-shadow:0 7px 17px rgba(216,61,137,.2);font-size:13px;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.join-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(216,61,137,.3)}
.join-image-link{display:block;position:relative;margin-top:17px;overflow:hidden;border:5px solid #fff;border-radius:15px;box-shadow:0 6px 17px rgba(70,45,62,.16);text-decoration:none}
.join-image-link img{display:block;width:100%;height:135px;object-fit:cover;object-position:85% 12%}
.join-image-link span{position:absolute;right:7px;bottom:7px;padding:5px 10px;border-radius:9px;background:rgba(255,248,252,.94);color:#914666;font-size:10px;font-weight:900;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.join-ip{display:flex;align-items:center;gap:8px;width:100%;margin-top:28px;padding:8px;border:1px solid #edbdd8;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(140,72,113,.08)}
.join-ip code{flex:1;min-width:0;padding-left:7px;color:#634357;font:800 clamp(12px,1.35vw,17px) 'Nunito Sans',sans-serif;overflow-wrap:anywhere}
.join-ip button{flex:none;min-height:38px;padding:8px 12px;border:0;border-radius:10px;background:#f9dceb;color:#a53672;font:900 12px 'Nunito Sans',sans-serif;cursor:pointer;transition:background .2s ease}
.join-ip button:hover{background:#f4c5dc}
.join-step-art{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:28px;color:#d278a3}
.join-step-art>span{font-size:27px}
.join-step-art img{width:58px;height:58px;object-fit:cover;border:3px solid white;border-radius:16px;box-shadow:0 5px 16px rgba(135,76,101,.16);transform:rotate(-7deg)}
.join-step-art small{font-size:12px;font-weight:900}
.join-help{text-align:center;margin-top:23px}
.join-help>span{display:block;color:#dc79ac;font-size:16px;line-height:1}
.join-help p{margin:8px 0 0;color:#6f4a5d;font-size:15px;font-weight:900}
.join-help a{color:#d3418c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:900px){.how-to-join{padding:25px 23px}.join-step-grid{grid-template-columns:1fr}.join-step{min-height:0}.join-image-link img{height:170px;object-position:80% 14%}.join-step-art{margin-top:20px}}
@media(max-width:720px){.home-page .hero-heading .title-kawaii{font-size:.4em}.home-page .hero-details .hero-actions,.home-page .hero-details .hero-actions .hero-secondary-actions,.home-page .hero-details .hero-actions .button{width:100%}.how-to-join{width:100%;margin-top:8px;padding:23px 14px 20px;border-radius:22px}.join-heading{margin-bottom:20px}.join-eyebrow{font-size:9px;letter-spacing:.12em}.join-heading h2{font-size:36px}.join-step{padding:19px 17px;border-radius:18px}.join-step h3{font-size:21px}.join-image-link img{height:145px}.join-ip{flex-wrap:wrap}.join-ip code{font-size:15px}.join-ip button{font-size:11px}.join-help p{font-size:14px}.home-page .bambi-live-chat:not(.is-open){left:auto;right:10px;bottom:10px}.home-page .bambi-live-chat:not(.is-open) .live-chat-toggle{width:46px;height:46px;padding:4px;border-radius:15px}.home-page .bambi-live-chat:not(.is-open) .live-chat-toggle img{width:38px;height:38px;border-radius:12px}}