@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Pacifico&display=swap";:root{--primary: #2E3192;--secondary: #662D91;--accent: #FBBF24;--bg-watercolor: #f0f4f8;--transition-speed: 1.5s;--card-radius: 40px}body{margin:0;padding:0;font-family:Outfit,sans-serif;color:#1e293b;background-color:var(--bg-watercolor);overflow:hidden}.no-scroll{overflow:hidden!important;height:100vh;width:100vw;position:fixed}.card-container{perspective:1200px;width:360px;max-width:90vw;height:520px;margin:0 15px;position:relative;flex-shrink:0;flex-grow:0}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1.5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.card-inner.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 15px 35px #0000001a}.card-front{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid rgba(255,255,255,.5);justify-content:space-between}.card-back{border-radius:70% 30% 30% 70%/30% 30% 70% 70%;background:#fff;transform:rotateY(180deg);justify-content:flex-start;align-items:center;border:4px solid rgba(46,49,146,.15);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(46,49,146,.2) transparent}.watercolor-texture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;pointer-events:none;border-radius:30px;background:radial-gradient(circle at 50% 50%,#2E3192 0%,transparent 60%),radial-gradient(circle at 20% 80%,#1BFFFF 0%,transparent 50%);filter:blur(30px)}.watercolor-bg{background-color:var(--bg-watercolor);position:relative;overflow:hidden}.title-vani{font-family:Outfit,sans-serif;font-weight:800;color:var(--primary)}.organic-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;padding:2.5rem;box-shadow:0 20px 40px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:4px solid rgba(255,255,255,.3)}.organic-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000014}.glass-panel{background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:20px}.btn-watercolor{padding:15px 35px;border-radius:50px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 20px #2e319233}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-watercolor:hover{transform:scale(1.05);filter:brightness(1.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 4s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e319233;border-radius:10px}.locked-card{filter:grayscale(.8) opacity(.5);cursor:not-allowed!important}.book-background{background-image:radial-gradient(circle,#f4ecd8,#d8cca8)}.book-container{border:1px solid #c2b59b}.book-btn{background:#f9f6ef;border:1px solid #d4c5b0;padding:8px 15px;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;color:#6d5b4b;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #0000000d}.book-btn:hover{background:#fffdf6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.book-btn-finish{background:#10b981;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.book-btn-finish:hover{background:#059669;transform:scale(1.05)}.book-page{transform-style:preserve-3d;transform-origin:left center;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.flip-next{animation:turnPageNext .4s ease-in-out forwards}.flip-prev{animation:turnPagePrev .4s ease-in-out forwards}@keyframes turnPageNext{0%{transform:perspective(1000px) rotateY(0);opacity:1}50%{opacity:.5}to{transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes turnPagePrev{0%{transform:perspective(1000px) rotateY(0);opacity:1}50%{opacity:.5}to{transform:perspective(1000px) rotateY(90deg);opacity:0}}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-to-white{animation:fadeToWhite var(--transition-speed) ease-in-out forwards}@keyframes fadeToWhite{0%{opacity:0;background-color:#fff}to{opacity:1;background-color:transparent}}.hero-bubble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.hero-bubble{width:100px;height:100px;border-radius:50%;border:4px solid white;box-shadow:0 5px 15px #0000001a;object-fit:cover;transition:transform .3s ease}.hero-bubble:hover{transform:scale(1.1)}.speech-box{background:#2e31920d;border-left:5px solid var(--primary);padding:2.5rem;border-radius:15px;margin:25px 0;font-style:italic;line-height:1.6;color:#475569}.saas-form .form-group{margin-bottom:20px;text-align:left}.saas-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--primary)}header{box-shadow:0 4px 30px #00000008}.dashboard-card{background:#fdfaf3;border:2px solid #e1d5c2;border-radius:20px;padding:30px;box-shadow:inset 0 0 50px #d8cca833}.metric-vignette{background:#fff;padding:2.5rem;border-radius:15px;border:1px solid #e2e8f0;text-align:center}.benefit-card{transition:all .3s ease}.benefit-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.parental-gate-input{border:2px solid var(--primary);color:var(--primary);font-size:2rem;font-weight:800}.snap-inline{scroll-snap-type:inline mandatory}.snap-inline>*{scroll-snap-align:center}.reveal-shake{animation:revealShake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes revealShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.saas-form{border:1px solid rgba(46,49,146,.1);box-shadow:0 30px 60px #0000001f}.passport-book{box-shadow:0 30px 60px #0006,inset 0 0 100px #0003;background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png)}.passport-page-left{background:linear-gradient(to right,#fffdf6 95%,#e1d5c2)}.passport-page-right{background:linear-gradient(to left,#fffdf6 95%,#e1d5c2)}.star-node{transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.star-node:hover{transform:scale(1.3);z-index:10}.star-node.locked{cursor:not-allowed;opacity:.6}.avatar-watercolor{filter:sepia(.2) contrast(1.1) brightness(1.1);mix-blend-mode:multiply}.constellation-map{position:relative;background:radial-gradient(circle at center,#fffdf6,#f1f5f9)}