:root{--pink: #ff8fbf;--pink-soft: #ffd0e4;--pink-deep: #ff5fa2;--blue: #77bdff;--blue-soft: #c9e5ff;--blue-deep: #3d92ff;--purple: #b98cf0;--purple-deep: #8a5cd6;--cream: #fff9fc;--ink: #4b3b63;--ink-soft: #6f5f89;--grad-mystery: linear-gradient(120deg, var(--pink) 0%, var(--purple) 50%, var(--blue) 100%);--grad-mystery-soft: linear-gradient(120deg, var(--pink-soft), var(--blue-soft));--shadow-sm: 0 6px 18px rgba(var(--purple-deep-rgb), .18);--shadow-md: 0 14px 40px rgba(var(--purple-deep-rgb), .22);--radius: 26px;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Quicksand", system-ui, sans-serif;--pink-rgb: 255, 143, 191;--pink-deep-rgb: 255, 95, 162;--blue-rgb: 119, 189, 255;--blue-deep-rgb: 61, 146, 255;--purple-rgb: 185, 140, 240;--purple-deep-rgb: 138, 92, 214;--decor-1: #ff8fbf;--decor-2: #77bdff;--decor-3: #b98cf0;--page-bg: radial-gradient(1200px 700px at 15% -10%, var(--pink-soft), transparent 55%), radial-gradient(1200px 700px at 85% 0%, var(--blue-soft), transparent 55%), linear-gradient(180deg, #fff6fb 0%, #f4f2ff 45%, #eef7ff 100%)}:root[data-gender=nino]{--pink: #6fb6ff;--pink-soft: #cfe7ff;--pink-deep: #1f7ae0;--blue: #77bdff;--blue-soft: #c9e5ff;--blue-deep: #3d92ff;--purple: #5aa7f5;--purple-deep: #1c6fd0;--cream: #f7fbff;--ink: #23415f;--ink-soft: #4a6b8a;--pink-rgb: 111, 182, 255;--pink-deep-rgb: 31, 122, 224;--blue-rgb: 119, 189, 255;--blue-deep-rgb: 61, 146, 255;--purple-rgb: 90, 167, 245;--purple-deep-rgb: 28, 111, 208;--decor-1: #6fb6ff;--decor-2: #3d92ff;--decor-3: #7fd0ff;--grad-mystery: linear-gradient(120deg, #4fa3ff 0%, #3d92ff 50%, #6fd3ff 100%);--grad-mystery-soft: linear-gradient(120deg, #d9ecff, #c3e8ff);--shadow-sm: 0 6px 18px rgba(28, 111, 208, .18);--shadow-md: 0 14px 40px rgba(28, 111, 208, .22);--page-bg: radial-gradient(1200px 700px at 15% -10%, #d5eaff, transparent 55%), radial-gradient(1200px 700px at 85% 0%, #c6e6ff, transparent 55%), linear-gradient(180deg, #f2f9ff 0%, #e9f4ff 45%, #e3f2ff 100%)}:root[data-gender=nina]{--pink: #ff8fbf;--pink-soft: #ffd0e4;--pink-deep: #ff5fa2;--blue: #ff9fc9;--blue-soft: #ffdcea;--blue-deep: #e8407f;--purple: #ff7ab0;--purple-deep: #d63e83;--cream: #fff8fb;--ink: #5f2b45;--ink-soft: #8a5470;--pink-rgb: 255, 143, 191;--pink-deep-rgb: 255, 95, 162;--blue-rgb: 255, 159, 201;--blue-deep-rgb: 232, 64, 127;--purple-rgb: 255, 122, 176;--purple-deep-rgb: 214, 62, 131;--decor-1: #ff8fbf;--decor-2: #ff5fa2;--decor-3: #ffb3d4;--grad-mystery: linear-gradient(120deg, #ff9fc9 0%, #ff5fa2 50%, #ffc2dd 100%);--grad-mystery-soft: linear-gradient(120deg, #ffe0ee, #ffd0e4);--shadow-sm: 0 6px 18px rgba(214, 62, 131, .18);--shadow-md: 0 14px 40px rgba(214, 62, 131, .22);--page-bg: radial-gradient(1200px 700px at 15% -10%, #ffd9e9, transparent 55%), radial-gradient(1200px 700px at 85% 0%, #ffe6f1, transparent 55%), linear-gradient(180deg, #fff5fa 0%, #fff0f7 45%, #ffeaf4 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--page-bg);transition:background 1.4s ease,color 1.4s ease;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3{font-family:var(--font-display);line-height:1.05;letter-spacing:-.01em}.app{position:relative;z-index:1}.section{max-width:1080px;margin:0 auto;padding:clamp(48px,8vw,110px) clamp(18px,5vw,40px);position:relative}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--purple-deep);background:#ffffffa6;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:18px}.section-title{font-size:clamp(1.9rem,5vw,3.1rem);font-weight:800;margin-bottom:14px}.section-sub{font-size:clamp(1rem,2.4vw,1.25rem);color:var(--ink-soft);max-width:62ch;line-height:1.6}.gradient-text{background:var(--grad-mystery);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 7s ease infinite}.card{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.85);border-radius:var(--radius);box-shadow:var(--shadow-md)}.btn{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#fff;padding:14px 30px;border-radius:999px;background:var(--grad-mystery);background-size:180% 180%;box-shadow:var(--shadow-md);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:gradientShift 6s ease infinite;text-decoration:none}.btn:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.05)}.btn:active{transform:translateY(0) scale(.98)}.btn.ghost{background:#fffc;color:var(--purple-deep);animation:none}.btn--icon{display:inline-flex;align-items:center;justify-content:center;gap:9px}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bobSlow{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(2deg)}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes floatUp{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:var(--decor-opacity, .75)}90%{opacity:var(--decor-opacity, .75)}to{transform:translateY(-115vh) translate(var(--drift, 30px)) rotate(var(--spin, 25deg));opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes jelly{0%,to{transform:scale(1)}30%{transform:scale(1.12,.85)}50%{transform:scale(.9,1.12)}70%{transform:scale(1.04,.96)}}.reveal-on-scroll{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}