.login-promo *{box-sizing:border-box}
.login-promo{scroll-behavior:smooth;scroll-padding-top:90px}
.login-promo{margin:0;background:white;color:#1f2430;font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;line-height:1.6}
.login-promo a{color:inherit;text-decoration:none}
.login-promo button{font:inherit;cursor:pointer;border:0}
.login-promo header{height:88px;position:fixed;inset:0 0 auto;z-index:50;background:#ffffff;display:flex;align-items:center;gap:12px;padding:10px 20px;box-shadow:0 8px 30px #dcd6ff18}
.login-promo .brand{flex:1;min-width:0;color:#806cff;line-height:1.1}
.login-promo .brand b{font-size:34px;font-family:serif;font-weight:400;white-space:nowrap}
.login-promo .brand small{display:block;font-size:9px;letter-spacing:7px;margin-top:10px}
.login-promo .brand img{max-height:66px;max-width:100%;object-fit:contain}
.login-promo .login,.login-promo .menu{background:linear-gradient(110deg,#dcd6ff,#ff5f7e);color:white;border-radius:40px}
.login-promo .login{font-size:23px;padding:9px 18px;white-space:nowrap}
.login-promo .menu{width:52px;height:52px;flex-shrink:0;font-size:27px;line-height:1}
.login-promo nav{position:fixed;top:88px;right:0;z-index:60;background:white;box-shadow:0 12px 25px #806cff33;width:260px;padding:15px 25px}
.login-promo nav a{display:block;padding:12px;border-bottom:1px solid #f7f7fa;color:#806cff}
.login-promo .promo-content{padding-top:88px;overflow:hidden}
.login-promo section{padding:55px 28px;text-align:center}
.login-promo h1,.login-promo h2{color:#806cff;line-height:1.25;margin:8px 0 14px;font-size:36px;font-weight:700}
.login-promo h1{font-size:25px}
.login-promo p{margin:0 0 18px}
.login-promo label{display:block;letter-spacing:6px;font-size:14px;color:#ffd4dd;font-weight:bold}
.login-promo h3{line-height:1.3;margin:26px 0 8px;font-size:21px;color:#8b8f9c}
.login-promo .pink{color:#ffd4dd}
.login-promo .lead{margin:30px 0 23px;font-size:18px}
.login-promo .check{text-align:left;margin:65px 0 25px;padding-left:43px;font-size:23px;line-height:1.3;position:relative}
.login-promo .check:before{content:"✓";position:absolute;left:3px;top:2px;border-radius:50%;background:#ff5f7e;color:white;width:30px;height:30px;text-align:center}
.login-promo .button{display:inline-block;background:linear-gradient(100deg,#dcd6ff,#ff5f7e);color:white;padding:12px 34px;border-radius:40px;font-weight:bold;font-size:22px;cursor:pointer;min-width:270px;line-height:1.4}
.login-promo .age{color:#8b8f9c;font-weight:bold;margin-bottom:43px}
.login-promo .green{background:linear-gradient(100deg,#ff5f7e,#ff5f7e);font-size:20px;min-width:260px;box-shadow:0 12px 20px #ff5f7e30}
.login-promo .coral{background:#ffd4dd;min-width:200px}
.login-promo .gap{margin-top:30px}
.login-promo .carousel{position:relative}
.login-promo .slide-media,.login-promo .media{display:flex;align-items:center;justify-content:center;color:#806cff;background:linear-gradient(140deg,#f3f0ff,#fff1f4);text-align:center;position:relative;overflow:hidden}
.login-promo .slide-media img,.login-promo .media img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.login-promo .placeholder{padding:20px;font-size:16px;letter-spacing:2px}
.login-promo .placeholder:before{content:"＋";display:block;font-size:48px;font-weight:200;color:#dcd6ff}
.login-promo .hero .slide-media{aspect-ratio:428/452}
.login-promo .dots{display:flex;justify-content:center;gap:13px;margin:24px 0}
.login-promo .dots button{padding:0;width:20px;height:20px;background:#8b8f9c;border-radius:50%}
.login-promo .dots button.active{background:#ffd4dd}
.login-promo .hero .dots{position:absolute;bottom:6px;right:24px;margin:24px 0;gap:10px}
.login-promo .certificate{padding:20px 36px 10px;background:linear-gradient(#f3f0ff,#fff1f4)}
.login-promo .certificate .slide-media{aspect-ratio:1.3;border-radius:30px;border:14px solid white}
.login-promo .matching{position:relative}
.login-promo .matching h2{font-size:39px;white-space:nowrap;letter-spacing:1px}
.login-promo .matching p{font-size:14px;margin-bottom:4px}
.login-promo .matching .gap{margin:26px 0 28px}
.login-promo .phone{height:440px;margin-top:40px;background:white;border-radius:24px}
.login-promo .events{background:linear-gradient(white,#fff1f4);padding-top:16px}
.login-promo .events h2{font-size:33px}
.login-promo .card{margin-top:22px}
.login-promo .card .slide-media{aspect-ratio:1.6;border-radius:18px 18px 0 0}
.login-promo .caption{background:white;padding:16px;color:#806cff;font-size:21px;font-weight:bold;border-radius:0 0 18px 18px;box-shadow:0 3px 4px #1f243011}
.login-promo .events .dots button,.login-promo .plan .dots button{width:38px;height:8px;border-radius:0}
.login-promo .more{display:inline-block;color:#ffd4dd;font-size:23px;margin-top:20px;text-decoration:underline;text-underline-offset:6px}
.login-promo .dating{background:radial-gradient(at right,#fff1f4,transparent 55%)}
.login-promo .dating h2{font-size:40px}
.login-promo .ribbon{background:#ffd4dd;color:white;font-weight:bold;line-height:1.3;padding:10px 12px}
.login-promo .dating article{display:flex;text-align:left;gap:20px;margin-top:52px}
.login-promo .dating article i{font-style:normal;color:#806cff;width:104px;flex-shrink:0;font-size:85px;line-height:1.1}
.login-promo .dating h3{margin:0;color:#ff5f7e;font-size:24px}
.login-promo .dating article p{color:#806cff;line-height:1.5}
.login-promo .script{font-family:serif;font-style:italic;font-size:31px;text-align:left;color:#ff5f7e;line-height:1.7}
.login-promo .banner{border-radius:9px;display:block;font-size:21px;margin-top:28px;min-width:0;background:linear-gradient(100deg,#806cff,#ffd4dd)}
.login-promo .faq{background:radial-gradient(at right,#fff1f4,white 70%);padding:45px 22px 15px}
.login-promo .watermark{font-size:48px;color:#ffd4dd;white-space:nowrap;letter-spacing:8px;margin:30px -50px}
.login-promo .faq h2{margin-bottom:26px}
.login-promo details{text-align:left;background:#ffffff;border:2px solid #fff1f4;border-radius:24px;padding:20px;box-shadow:0 8px 20px #8b8f9c11;margin-bottom:14px;color:#1f2430}
.login-promo summary{list-style:none;display:flex;line-height:1.35;font-size:20px;cursor:pointer}
.login-promo summary::-webkit-details-marker{display:none}
.login-promo summary em{color:#ffd4dd;font-style:normal}
.login-promo summary b{flex:1}
.login-promo summary span:after{content:"+";color:#ff5f7e;font-size:30px;font-weight:bold}
.login-promo details[open] summary span:after{content:"×"}
.login-promo details p{padding-left:30px;margin:24px 0 3px;color:#8b8f9c;line-height:1.8}
.login-promo .stories{padding-top:35px;background:radial-gradient(at right,#fff1f4,white 55%)}
.login-promo .stories h2{font-size:38px}
.login-promo .stories p{font-size:15px}
.login-promo .video{aspect-ratio:16/9;border:6px solid #806cff;border-radius:7px;margin-top:42px}
.login-promo .plan{background:#f7f7fa;padding-bottom:130px}
.login-promo .step .slide-media{height:390px;border:3px dotted #806cff;border-radius:22px;background:white;margin:35px 45px 0}
.login-promo .transformation{background:#f7f7fa}
.login-promo .transformation .slide-media{aspect-ratio:1.35;margin-top:30px;border:8px solid white}
.login-promo .transformation .button{margin-top:15px}
.login-promo .about{text-align:left}
.login-promo .about label{font-size:13px;letter-spacing:4px}
.login-promo .about p{color:#8b8f9c;line-height:1.6}
.login-promo .about .pink{color:#ffd4dd;margin:23px 0}
.login-promo .about-image{width:100%;aspect-ratio:1.15;border-radius:50%;margin-top:45px}
.login-promo .statistics{padding:28px 38px 14px;background:linear-gradient(140deg,#f3f0ff,#dcd6ff)}
.login-promo .statistics>div{border:1px solid #ffffff88;border-radius:32px;background:#ffffff44;display:grid;grid-template-columns:1fr 1fr;padding:20px 5px;gap:22px}
.login-promo .statistics article:last-child{grid-column:1/3}
.login-promo .statistics i{display:block;font-style:normal;font-size:47px;line-height:84px;width:84px;height:84px;margin:auto;background:linear-gradient(120deg,#ffd4dd,#ffd4dd);color:white;border-radius:50%}
.login-promo .statistics p{color:#ff5f7e;margin:8px 0 0}
.login-promo .statistics b{color:#ff5f7e;font-size:29px;font-weight:500}
.login-promo .charity .slide-media{aspect-ratio:2;margin-top:26px;border-radius:24px}
.login-promo .consult{background:linear-gradient(130deg,#fff1f4,#fff1f4);padding:70px 32px}
.login-promo .consult label{font-size:23px;letter-spacing:9px;line-height:1}
.login-promo .consult h2{margin-top:23px}
.login-promo .consult h3{color:#ffd4dd;font-size:20px;margin:30px -4px}
.login-promo .benefits{display:flex;justify-content:space-between;color:#806cff;margin:32px 0}
.login-promo .benefits span{font-size:48px;line-height:1.2}
.login-promo .benefits small{display:block;font-size:16px;margin-top:12px}
.login-promo footer{border-top:1px solid #f7f7fa;padding:24px 32px;display:flex;gap:12px;align-items:center;font-size:13px;color:#1f2430}
.login-promo footer small{font-size:10px;color:#8b8f9c;display:block}
.login-promo .adult{border:1px solid #806cff;border-radius:50%;padding:7px;color:#806cff}
.login-promo aside{position:fixed;right:14px;bottom:12px;z-index:40;display:grid;gap:10px}
.login-promo aside>*{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:white}
.login-promo #top{background:#8b8f9c;font-size:34px}
.login-promo .line{background:#ff5f7e;font-weight:bold;font-size:12px;border:1px solid #f7f7fa}
.login-promo .chat{color:#806cff;border:2px solid #806cff;background:white;font-size:23px;line-height:1}
.login-promo .chat small{font-size:9px}
.login-promo .intro{padding-bottom:10px}
@media (min-width:700px){.login-promo header{padding-left:max(30px,calc((100% - 1100px)/2));padding-right:max(30px,calc((100% - 1100px)/2))}
.login-promo .promo-content>section{padding-left:max(45px,calc((100% - 1000px)/2));padding-right:max(45px,calc((100% - 1000px)/2))}
.login-promo .hero .slide-media{aspect-ratio:2.5;max-height:600px}
.login-promo .certificate{padding:40px max(40px,calc((100% - 700px)/2))}
.login-promo .phone{max-width:600px;margin:40px auto 0}
.login-promo .dating article{max-width:650px;margin:50px auto}
.login-promo .carousel.card,.login-promo .video,.login-promo .transformation .carousel,.login-promo .charity .carousel{max-width:650px;margin-left:auto;margin-right:auto}
.login-promo .about-image{max-width:400px}
.login-promo .statistics>div{max-width:650px;margin:auto}
.login-promo .benefits{max-width:550px;margin:35px auto}
.login-promo footer{justify-content:center}
.login-promo aside{right:24px}}
@media (max-width:390px){.login-promo header{padding:10px 14px;gap:8px}
.login-promo .brand b{font-size:29px}
.login-promo .brand small{letter-spacing:5px}
.login-promo .login{padding:8px 13px;font-size:21px}
.login-promo .menu{width:46px;height:46px}
.login-promo .matching h2{font-size:32px}
.login-promo h2,.login-promo .stories h2{font-size:32px}
.login-promo .dating article i{width:75px;font-size:68px}
.login-promo .dating h3{font-size:22px}}
.login-promo .watermark{overflow:hidden;margin:30px -22px;letter-spacing:14px;text-align:left;font-size:52px;line-height:1.5;color:#ffd4dd;white-space:nowrap}
.login-promo .marquee-track{display:flex;width:max-content;animation:homepage-marquee 22s linear infinite}
.login-promo .marquee-track span{display:block;flex-shrink:0;background:linear-gradient(100deg,#dcd6ff,#fff1f4);background-clip:text;-webkit-background-clip:text;color:transparent}
@keyframes  homepage-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.login-promo .reveal-pending{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;will-change:opacity,transform}
.login-promo .reveal-pending.reveal-visible{opacity:1;transform:translateY(0);will-change:auto}
@media (prefers-reduced-motion:reduce){.login-promo{scroll-behavior:auto}
.login-promo .marquee-track{animation:none}
.login-promo .reveal-pending{opacity:1;transform:none;transition:none}}
.login-promo .dating article .service-icon{width:104px;display:flex;align-items:flex-start;justify-content:center}
.login-promo .service-icon svg{display:block;width:104px;height:116px}
.login-promo .benefits>span{width:33.333%;display:flex;flex-direction:column;align-items:center}
.login-promo .benefits svg{width:58px;height:58px;stroke-width:6}
.login-promo .benefits small{white-space:nowrap;font-weight:bold;font-size:16px}
.login-promo .benefits{gap:8px}
@media (max-width:390px){.login-promo .dating article .service-icon{width:86px}
.login-promo .service-icon svg{width:86px;height:104px}
.login-promo .benefits small{font-size:14px}}
.login-promo .menu-overlay{inset:0;width:100%;height:100dvh;height:100vh;padding:0;overflow-y:auto;overscroll-behavior:contain;z-index:100;background:radial-gradient(ellipse at 0% 35%,#fff1f4,transparent 45%),radial-gradient(ellipse at 100% 50%,#fff1f4,transparent 45%),radial-gradient(ellipse at 65% 100%,#f3f0ff,transparent 45%),#ffffff;box-shadow:none;color:#ff5f7e}
.login-promo .menu-overlay[hidden]{display:none}
.login-promo .menu-panel{padding:25px 42px 20px;max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}
.login-promo .menu-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:65px}
.login-promo .menu-brand{padding-top:5px}
.login-promo .menu-brand b{font-size:34px}
.login-promo .menu-brand small{letter-spacing:6px}
.login-promo .menu-close{width:52px;height:52px;flex-shrink:0;background:linear-gradient(110deg,#dcd6ff,#ff5f7e);color:#ffffff;border-radius:50%;font-size:36px;line-height:1;box-shadow:0 1px 2px #1f2430;border:1px solid #8b8f9c}
.login-promo .menu-overlay .menu-group{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin:0;color:inherit}
.login-promo .menu-group summary{font-size:25px;padding:19px 0 20px;border-bottom:2px solid #ff5f7e;align-items:center}
.login-promo .menu-group summary b{font-weight:400}
.login-promo .menu-group summary span:after{color:#ff5f7e;font-size:29px;font-weight:400;content:"+"}
.login-promo .menu-group[open] summary span:after{content:"−"}
.login-promo .menu-subitems a,.login-promo .menu-subitems button{display:block;width:100%;text-align:left;font:inherit;font-size:25px;color:#8b8f9c;background:transparent;border:0;border-bottom:2px solid #f3f0ff;padding:16px 0;line-height:1.4}
.login-promo .menu-auth{display:flex;gap:30px;margin-top:22px}
.login-promo .menu-auth a{display:block;text-align:center;flex:1;color:white;background:linear-gradient(110deg,#dcd6ff,#ff5f7e);border:0;border-radius:40px;font-size:31px;line-height:1.3;padding:11px 8px}
.login-promo .menu-notice{color:#806cff;text-align:center;margin:18px 0 0;font-size:15px}
.login-promo .menu-logo{max-width:100%;height:65px;object-fit:contain}
@media (max-width:390px){.login-promo .menu-panel{padding:24px 34px 20px}
.login-promo .menu-brand b{font-size:29px}
.login-promo .menu-brand small{letter-spacing:4px}
.login-promo .menu-heading{margin-bottom:48px}
.login-promo .menu-group summary{font-size:24px}
.login-promo .menu-auth{gap:24px}
.login-promo .menu-auth a{font-size:28px}}
@media (min-width:700px){.login-promo .menu-panel{padding-top:35px}
.login-promo .menu-heading{margin-bottom:40px}}
@supports (height:100dvh){.login-promo .menu-overlay{height:100dvh}}
.login-promo{background:#f7f7fa;color:#1f2430}
.login-promo h1,.login-promo h2,.login-promo h3{color:#1f2430}
.login-promo .pink,.login-promo label,.login-promo .brand{color:#ff5f7e}
.login-promo .login,.login-promo .menu,.login-promo .button,.login-promo .banner,.login-promo .menu-auth a{background:linear-gradient(135deg,#ff7190 0%,#ff5f7e 45%,#806cff 100%);color:#fff}
.login-promo .menu-group summary{color:#1f2430}
.login-promo .menu-subitems a{color:#8b8f9c}
.login-promo .green{background:linear-gradient(135deg,#ff7190,#ff5f7e 45%,#806cff)}
.login-promo .service-icon stop:first-child,.login-promo .step-drawing stop:first-child{stop-color:#ff5f7e}
.login-promo .service-icon stop:last-child,.login-promo .step-drawing stop:last-child{stop-color:#806cff}
.login-promo .plan .coded-steps{margin:25px -28px 0}
.login-promo .coded-step-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px calc((100% - 280px)/2) 6px;scrollbar-width:none;scroll-behavior:smooth}
.login-promo .coded-step-track::-webkit-scrollbar{display:none}
.login-promo .coded-step{flex:0 0 280px;min-height:390px;border:3px dotted #dcd6ff;border-radius:26px;position:relative;background:white;text-align:center;scroll-snap-align:center;padding:45px 18px 24px}
.login-promo .coded-step .step-bubble{position:absolute;left:10px;top:-34px;width:84px;height:84px;border-radius:50%;background:#ffd4dd;color:white;font-size:21px;line-height:1;padding-top:19px;font-weight:bold}
.login-promo .step-bubble:after{content:"";position:absolute;bottom:0;right:-3px;border:12px solid transparent;border-right-color:#ffd4dd;transform:rotate(-15deg)}
.login-promo .step-bubble strong{display:block;font-size:35px;line-height:1}
.login-promo .step-drawing{width:130px;height:130px;display:block;margin:12px auto 24px}
.login-promo .coded-step h3{font-size:24px;line-height:1.35;color:#ff5f7e;margin:0;font-weight:bold}
.login-promo .step-line{display:block;width:82px;height:5px;border-radius:5px;background:#fff1f4;margin:14px auto}
.login-promo .coded-step p{font-size:14px;line-height:1.7;color:#806cff;text-align:left;margin:0}
.login-promo .coded-step-dots{display:flex;justify-content:center;gap:20px;margin:12px 0 0}
.login-promo .coded-step-dots button{width:83px;height:7px;padding:0;background:#8b8f9c}
.login-promo .coded-step-dots .active{background:#ffd4dd}
@media (min-width:1000px){.login-promo .plan .coded-steps{max-width:980px;margin:30px auto}
.login-promo .coded-step-track{padding:40px 10px 6px;justify-content:center}
.login-promo .coded-step-dots{display:none}}
@media (prefers-reduced-motion:reduce){.login-promo .coded-step-track{scroll-behavior:auto}}
.login-promo #services h2.trust-heading{font-size:clamp(20px,6.3vw,32px);line-height:1.5;letter-spacing:0;font-weight:600;text-align:center;}
.login-promo #services .trust-heading span{display:block;white-space:nowrap;}
body.auth-page .auth-shell{min-height:0}
.login-promo{width:100%;max-width:470px;margin:24px auto 0;overflow:hidden;border:1px solid #f6d7df;border-radius:30px;background:rgba(255,255,255,.6);color:#20243a;font-family:inherit;line-height:1.7;box-shadow:0 16px 42px rgba(125,65,94,.06)}
.login-promo .promo-content{padding:0;overflow:hidden}.login-promo .promo-content>section{padding:36px 22px;background:transparent}
.login-promo h1{font-size:24px}.login-promo h2,.login-promo .matching h2,.login-promo .dating h2,.login-promo .stories h2,.login-promo .events h2{font-size:28px;white-space:normal;letter-spacing:0;color:#765c6a}
.login-promo h3{color:#d64f75}.login-promo p{font-size:14px}.login-promo .pink,.login-promo label{color:#d64f75}
.login-promo .hero .slide-media{aspect-ratio:428/452;max-height:none}
.login-promo .certificate{padding:20px 22px;background:linear-gradient(135deg,#fff1f5,#f4efff)}.login-promo .certificate .slide-media{border-width:7px;border-radius:20px}
.login-promo .dots{gap:9px;margin:16px 0}.login-promo .dots button{width:9px;height:9px;background:#d9cad4}.login-promo .dots button.active{background:#ea7092}.login-promo .hero .dots{bottom:0;right:16px}.login-promo .hero .dots button{box-shadow:0 0 0 2px #ffffff99}
.login-promo .caption{font-size:16px;color:#765c6a;white-space:pre-line;background:#fffafc}.login-promo .ribbon{background:linear-gradient(135deg,#ea7092,#f6a170);border-radius:14px;font-size:14px;padding:12px}
.login-promo .dating article{gap:14px;margin-top:30px}.login-promo .dating article .service-icon{width:64px}.login-promo .service-icon svg{width:64px;height:80px}.login-promo .dating h3{font-size:19px}.login-promo .dating article p{color:#8c7583}
.login-promo .phone{height:auto;aspect-ratio:3/4;margin-top:24px;background:transparent}.login-promo .phone img{object-fit:contain}
.login-promo .script{font-size:27px;color:#d64f75}.login-promo details{border:1px solid #f6d7df;border-radius:19px;padding:16px;background:#ffffffb8}.login-promo summary{font-size:16px;gap:6px;align-items:center}.login-promo summary em{color:#d64f75;flex-shrink:0}.login-promo details p{padding-left:0;color:#8c7583;margin-top:16px}.login-promo details ol{padding-left:20px!important;font-size:14px}
.login-promo .plan,.login-promo .transformation{background:#f7f1fa!important}.login-promo .plan .coded-steps{margin:20px -22px 0}.login-promo .coded-step-track{justify-content:flex-start;padding:40px calc((100% - 260px)/2) 6px;gap:20px}.login-promo .coded-step{flex-basis:260px;min-height:390px;border-color:#e4c9e3}.login-promo .coded-step h3{font-size:22px}.login-promo .coded-step p{color:#8c7583}.login-promo .step-bubble{background:#ea7092}.login-promo .step-bubble:after{border-right-color:#ea7092}.login-promo .coded-step-dots{display:flex}.login-promo .coded-step-dots button{width:44px;height:5px;border-radius:4px;background:#d9cad4}.login-promo .coded-step-dots .active{background:#ea7092}
.login-promo .about-image{margin:24px auto 0}.login-promo .statistics{background:linear-gradient(135deg,#fff0f4,#efe8fc)!important}.login-promo .statistics i{width:62px;height:62px;line-height:62px;font-size:34px;background:linear-gradient(135deg,#ea7092,#b894e1)}.login-promo .statistics p,.login-promo .statistics b{color:#b45379}
.login-promo .consult{background:linear-gradient(135deg,#fff0f4,#f3edfc)!important}.login-promo .consult label{font-size:20px;letter-spacing:5px}.login-promo .consult h3{font-size:17px;color:#d64f75}.login-promo .benefits{color:#b07ba5;margin:24px 0 0}.login-promo .benefits small{font-size:13px}
.login-promo footer{padding:20px 18px;background:#fff9fc;border-color:#f6d7df;color:#8c7583;font-size:11px}.login-promo .adult{color:#d64f75;border-color:#e9b1c3;flex-shrink:0}.login-promo .media img,.login-promo .slide-media img{z-index:1}.login-promo button:focus-visible,.login-promo summary:focus-visible{outline:2px solid #b077c7;outline-offset:4px}
@media(max-width:390px){.login-promo .promo-content>section{padding-left:18px;padding-right:18px}.login-promo h2,.login-promo .matching h2,.login-promo .dating h2,.login-promo .stories h2,.login-promo .events h2{font-size:25px}.login-promo .plan .coded-steps{margin-left:-18px;margin-right:-18px}.login-promo #services h2.trust-heading{font-size:23px}}
.login-promo .hero .dots{z-index:2}
.login-promo p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word}
.login-promo .dating article>div{min-width:0}
.login-promo .step-bubble{background:#ea7092!important}
.login-promo .step-bubble:after{border-right-color:#ea7092!important}
.login-promo .about .pink{color:#d64f75}