@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap');

.cu8-design{margin:0;background:#FFFFFF}
.cu8-design a{color:#5A3DBB;text-decoration:none}.cu8-design a:hover{color:#4A2FA3}
.pill-dark{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 30px;border-radius:999px;background:#0E0E12;color:#FFFFFF;font-weight:700;font-size:16px;box-shadow:0 0 0 5px #DCD2FF;transition:transform .2s,box-shadow .2s}
.pill-dark:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 0 0 7px #CFC1FF}
.pill-light{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;background:#FFFFFF;color:#0E0E12;font-weight:700;font-size:16px;box-shadow:0 0 0 5px #DCD2FF;transition:transform .2s}
.pill-light:hover{color:#0E0E12;transform:translateY(-2px)}
.badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#FFFFFF;font-size:14px;font-weight:700;color:#0E0E12;box-shadow:0 2px 12px rgba(70,40,170,.08)}
.phone{position:relative;width:300px;height:610px;flex:0 0 auto;border-radius:46px;background:#FFFFFF;box-shadow:0 0 0 1px #E8E1FB,0 34px 80px -26px rgba(70,40,170,.38);overflow:hidden}
.notch{position:absolute;left:50%;top:12px;width:86px;height:24px;margin-left:-43px;border-radius:14px;background:#0E0E12}
.tile{position:relative;border-radius:20px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.blob{position:absolute;border-radius:50%;filter:blur(48px);pointer-events:none}
.city{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.06);color:#FFFFFF;font-weight:600;font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .2s}
.city:hover{color:#FFFFFF;background:rgba(255,255,255,.14)}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#A79FC0}
.tab.on{color:#6E56CF}

/* animații */
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes beat{0%,100%{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(1)}36%{transform:scale(1.12)}48%{transform:scale(1)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-8px)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes popIn{0%,8%{opacity:0;transform:translateY(14px) scale(.96)}18%,100%{opacity:1;transform:none}}
@keyframes likePop{0%,55%{opacity:0;transform:scale(.4)}62%{opacity:1;transform:scale(1.2)}70%{transform:scale(1)}90%{opacity:1}100%{opacity:0;transform:scale(1)}}
@keyframes choose{0%,100%{transform:scale(1);box-shadow:0 0 0 2px #6E56CF,0 14px 34px -8px rgba(110,86,207,.45)}50%{transform:scale(1.04);box-shadow:0 0 0 2px #6E56CF,0 20px 44px -8px rgba(110,86,207,.6)}}
@keyframes fill{0%{width:15%}60%,100%{width:66%}}
@keyframes thumbL{0%,100%{left:18%}50%{left:28%}}
@keyframes thumbR{0%,100%{right:34%}50%{right:22%}}
@keyframes chipOn{0%,40%{background:#F1ECFF;color:#0E0E12}50%,100%{background:#6E56CF;color:#FFFFFF}}
@keyframes shine{0%{left:-40%}45%,100%{left:120%}}
@keyframes typing{0%,100%{opacity:.3}50%{opacity:1}}
.a-floatA{animation:floatA 5s ease-in-out infinite}
.a-floatB{animation:floatB 5.6s ease-in-out infinite}
.a-beat{animation:beat 2.4s ease-in-out infinite}
.a-drift{animation:drift 6s ease-in-out infinite}
.a-dot{animation:pulseDot 2s infinite}
.a-ring{animation:ringSpin 6s linear infinite}
.a-pop1{animation:popIn 6s ease-out infinite}
.a-pop2{animation:popIn 6s ease-out .25s infinite both}
.a-pop3{animation:popIn 6s ease-out .5s infinite both}
.a-pop4{animation:popIn 6s ease-out .75s infinite both}
.a-like{animation:likePop 6s ease-out infinite}
.a-choose{animation:choose 2.6s ease-in-out infinite}
.a-fill{animation:fill 4s ease-in-out infinite alternate}
.a-thumbL{animation:thumbL 4s ease-in-out infinite}
.a-thumbR{animation:thumbR 4s ease-in-out infinite}
.a-chip{animation:chipOn 5s ease-in-out infinite alternate}
.a-chip2{animation:chipOn 5s ease-in-out 1.2s infinite alternate}
.a-shine{position:relative;overflow:hidden}
.a-shine::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shine 3.2s ease-in-out infinite}
.a-t1{animation:typing 1.2s infinite}.a-t2{animation:typing 1.2s .2s infinite}.a-t3{animation:typing 1.2s .4s infinite}
@keyframes ring{0%,10%{stroke-dashoffset:213.6}55%,100%{stroke-dashoffset:27.8}}
@keyframes count{0%,10%{opacity:0;transform:scale(.8)}40%,100%{opacity:1;transform:none}}
@keyframes rise{0%,25%{opacity:0;transform:translateY(8px)}40%,100%{opacity:1;transform:none}}
.a-ring2{animation:ring 5s cubic-bezier(.3,.8,.3,1) infinite}
.a-count{animation:count 5s ease-out infinite}
.a-r1{animation:rise 5s ease-out infinite}
.a-r2{animation:rise 5s ease-out .3s infinite both}
.a-r3{animation:rise 5s ease-out .6s infinite both}
@media (max-width:760px){.hide-sm{display:none!important}.cta-row a{width:100%}.m-center{text-align:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}.m-center>*{align-self:center!important}.m-row{justify-content:center!important}.hdr-act{gap:12px!important}.hdr-link{font-size:14px!important}.hdr-btn{height:38px!important;padding:0 14px!important;font-size:14px!important}}
@media (prefers-reduced-motion:reduce){.cu8-design *{animation:none!important}}

.cu8-design{isolation:isolate}.cu8-design img{max-width:none}.cu8-design a.pill-dark{color:#fff!important}.cu8-design a.city{color:#fff!important}.cu8-design .cu8-dark h2,.cu8-design .cu8-dark h3{color:#fff!important}.cu8-design .cu8-dark p{color:#c9c2e0}.cu8-design .cu8-dark .city:hover{color:#fff!important}body.home-design-8-active .site-header{position:sticky;top:0;border-color:transparent;background:#f2edff;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}body.home-design-8-active .site-header.is-scrolled{border-color:#e8e1f4;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(54,37,91,.08)}body.home-design-8-active .site-header .brand,body.home-design-8-active .site-header .account-link{color:#0e0e12}body.home-design-8-active .site-header .button-dark{background:#6e56cf;color:#fff}body.home-design-8-active .site-header .button-dark:hover{background:#5a43b8}