*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #fef3e7;--secondary-100: #fde9d3;--secondary-200: #fbd3a7;--secondary-300: #f9bd7b;--secondary-400: #f7a74f;--secondary-500: #f59123;--secondary-600: #d97a1c;--secondary-700: #bd6215;--secondary-800: #a14b0e;--secondary-900: #853407;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--fun-pink: #ff6b9d;--fun-pink-light: #ffe2ed;--fun-yellow: #ffd166;--fun-yellow-light: #fff3d1;--fun-green: #06d6a0;--fun-green-light: #c1f0e3;--fun-purple: #9b87f5;--fun-purple-light: #e6defa;--fun-orange: #ff9f1c;--fun-orange-light: #ffecd1;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-secondary: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-handwrite: "Aladin", cursive;--font-fun: "Amarante", cursive;--font-friendly: "Delius", cursive;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-md: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-lg: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-2xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.25rem);--text-3xl: clamp(2.25rem, 1.8rem + 2.25vw, 3rem);--text-4xl: clamp(3rem, 2.4rem + 3vw, 4rem);--text-5xl: clamp(3.5rem, 2.8rem + 3.5vw, 5rem);--space-1: clamp(.25rem, .2rem + .25vw, .5rem);--space-2: clamp(.5rem, .4rem + .5vw, .75rem);--space-3: clamp(.75rem, .6rem + .75vw, 1rem);--space-4: clamp(1rem, .8rem + 1vw, 1.25rem);--space-5: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--space-6: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--space-8: clamp(2rem, 1.6rem + 2vw, 2.5rem);--space-10: clamp(2.5rem, 2rem + 2.5vw, 3rem);--space-12: clamp(3rem, 2.4rem + 3vw, 4rem);--space-16: clamp(4rem, 3.2rem + 4vw, 5rem);--space-20: clamp(5rem, 4rem + 5vw, 6rem);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-fun: 0 10px 25px -5px rgba(255, 107, 157, .2), 0 8px 10px -6px rgba(155, 135, 245, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-fun: 30% 70% 70% 30% / 30% 30% 70% 70%;--transition-fast: .15s ease;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--container-padding: clamp(1rem, 5vw, 2rem);--container-max-width: 1280px;--header-height: clamp(4rem, 3rem + 5vh, 5rem)}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--neutral-800);background-color:var(--neutral-50);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600;line-height:1.2;color:var(--neutral-900);letter-spacing:-.02em}h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-3)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}h4{font-size:var(--text-xl);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}.handwrite-text{font-family:var(--font-handwrite);font-size:var(--text-xl);color:var(--fun-pink)}.fun-text{font-family:var(--font-fun);font-size:var(--text-lg);letter-spacing:.5px}.friendly-text{font-family:var(--font-friendly);font-size:var(--text-base);line-height:1.8}.hero-title{font-family:var(--font-secondary);font-size:var(--text-5xl);font-weight:700;background:linear-gradient(135deg,var(--primary-600),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--secondary-600)}.text-fun-pink{color:var(--fun-pink)}.text-fun-yellow{color:var(--fun-yellow)}.text-fun-green{color:var(--fun-green)}.text-fun-purple{color:var(--fun-purple)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-primary{background-color:var(--primary-100)}.bg-secondary{background-color:var(--secondary-100)}.bg-fun-pink{background-color:var(--fun-pink-light)}.bg-fun-yellow{background-color:var(--fun-yellow-light)}.bg-fun-green{background-color:var(--fun-green-light)}.bg-fun-purple{background-color:var(--fun-purple-light)}.bg-success{background-color:var(--success-light)}.bg-warning{background-color:var(--warning-light)}.bg-error{background-color:var(--error-light)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-handwrite{font-family:var(--font-handwrite)}.font-fun{font-family:var(--font-fun)}.font-friendly{font-family:var(--font-friendly)}.btn-fun{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-fun);font-size:var(--text-md);font-weight:500;color:#fff;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-bounce);box-shadow:var(--shadow-fun)}.btn-fun:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 30px -10px #ff6b9d66}.btn-fun:active{transform:translateY(0) scale(.95)}.card-fun{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:2px solid transparent;position:relative;overflow:hidden}.card-fun:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,107,157,.1),transparent);transform:rotate(45deg);transition:all var(--transition-slow)}.card-fun:hover{transform:translateY(-4px) rotate(1deg);border-color:var(--fun-pink-light);box-shadow:var(--shadow-fun)}.card-fun:hover:before{transform:rotate(45deg) translate(50%,50%)}.badge-fun{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-friendly);font-size:var(--text-sm);background:var(--fun-yellow-light);color:var(--fun-orange);border-radius:var(--radius-full);border:2px dashed var(--fun-yellow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background-color:#fff;color:#000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle:hover{animation:wiggle .5s ease-in-out}.page-transition{min-height:100vh;width:100%;position:relative;background:var(--neutral-50)}.page-loader{position:fixed;inset:0;background:linear-gradient(135deg,#fff5f8,#f5f0ff);display:flex;align-items:center;justify-content:center;z-index:9999;animation:loaderFadeOut .4s ease forwards;animation-delay:.6s}.loader-content{text-align:center;animation:loaderPop .5s cubic-bezier(.34,1.56,.64,1)}.loader-spinner{width:80px;height:80px;margin:0 auto 20px;position:relative;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#9b87f5,#ffd166)}.loader-spinner:before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.loader-spinner:after{content:"ZT";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:800;background:linear-gradient(135deg,#ff6b9d,#9b87f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loader-text{font-size:20px;font-weight:600;background:linear-gradient(135deg,#ff6b9d,#9b87f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loaderFadeOut{to{opacity:0;visibility:hidden}}.page-transition.page-enter{animation-name:fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.page-transition.page-exit{animation-name:fadeOutScale;pointer-events:none}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.02);filter:blur(4px)}}.home-page.page-enter{animation:slideFromLeft .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-50px) rotate(-1deg)}to{opacity:1;transform:translate(0) rotate(0)}}.call-page.page-enter{animation:zoomBounce .7s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomBounce{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.about-page.page-enter{animation:rotate3D .7s ease}@keyframes rotate3D{0%{opacity:0;transform:perspective(800px) rotateX(10deg) translateY(30px)}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0)}}.contact-page.page-enter{animation:slideFromBottom .6s ease}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease}.stagger-item{opacity:0;animation:staggerAppear .5s ease forwards}@keyframes staggerAppear{to{opacity:1;transform:translateY(0)}}.card-hover{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 30px -10px #ff6b9d4d}@media(prefers-reduced-motion:reduce){.page-transition,.page-loader,.card-hover{animation:none!important;transition:none!important}}@media(max-width:768px){.loader-spinner{width:60px;height:60px}.loader-text{font-size:16px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1em 0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-200)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;font-family:var(--font-secondary);color:var(--neutral-900);text-decoration:none;letter-spacing:-.5px;transition:opacity .2s}.logo:hover{opacity:.8}.nav-right{display:flex;align-items:center;gap:.5rem}.start-btn{width:45px;height:45px;background:linear-gradient(135deg,var(--primary-600),var(--fun-purple));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.start-btn i{font-size:1.2rem;transition:transform .3s ease}.start-btn:hover i{transform:scale(1.1)}.hamburger-btn{width:45px;height:45px;background:transparent;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;border-radius:50%;transition:all .3s ease;position:relative;overflow:hidden}.hamburger-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--fun-pink-light);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.hamburger-btn:hover:before{width:100%;height:100%}.hamburger-btn span{width:20px;height:2px;background-color:var(--neutral-800);transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.hamburger-btn.active span:first-child{transform:rotate(45deg) translate(6px,6px);width:22px;background:var(--fun-pink)}.hamburger-btn.active span:last-child{transform:rotate(-45deg) translate(6px,-6px);width:22px;background:var(--fun-purple)}.hamburger-btn.active:hover span:first-child,.hamburger-btn.active:hover span:last-child{filter:brightness(1.2)}.menu-dropdown{position:absolute;top:calc(100% + .5rem);right:1.5rem;width:220px;background:#fff;border:1px solid var(--neutral-200);border-radius:20px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 40px -15px #0003;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa}.menu-dropdown.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:all}.menu-dropdown:before{content:"";position:absolute;top:-8px;right:25px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-left:1px solid var(--neutral-200);border-top:1px solid var(--neutral-200);border-radius:4px 0 0}.menu-dropdown a{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;color:var(--neutral-800);text-decoration:none;font-size:.95rem;border-radius:12px;transition:all .3s ease;transform:translate(-5px);opacity:0;animation:slideInLink .3s ease forwards;position:relative;overflow:hidden}.menu-dropdown a:nth-child(1){animation-delay:.05s}.menu-dropdown a:nth-child(2){animation-delay:.1s}.menu-dropdown a:nth-child(3){animation-delay:.15s}.menu-dropdown a:nth-child(4){animation-delay:.2s}.menu-dropdown a:nth-child(5){animation-delay:.25s}.menu-dropdown a:nth-child(6){animation-delay:.3s}@keyframes slideInLink{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menu-dropdown a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));transform:scaleY(0);transition:transform .2s ease;border-radius:0 3px 3px 0}.menu-dropdown a:hover{transform:translate(8px)!important;color:var(--fun-pink)}.menu-dropdown i{width:22px;font-size:1.1rem;color:var(--primary-600);transition:all .3s ease}.menu-dropdown a:hover i{transform:scale(1.2) rotate(5deg);color:var(--fun-pink)}.menu-dropdown a:active{transform:scale(.98)}.menu-dropdown:not(.active) a{animation:slideOutLink .2s ease forwards}@keyframes slideOutLink{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.menu-dropdown{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,157,.2);box-shadow:0 20px 40px -15px #0003,0 0 0 1px #ffffff80 inset}@media(max-width:768px){.navbar{padding:.6rem 0}.logo{font-size:1.6rem}.start-btn{width:40px;height:40px}.start-btn i{font-size:1rem}.hamburger-btn{width:40px;height:40px}.menu-dropdown{right:1rem;width:200px}.menu-dropdown:before{right:15px}}@media(max-width:480px){.menu-dropdown{right:.8rem;width:180px;border-radius:16px}.menu-dropdown a{padding:.7rem;font-size:.9rem}.menu-dropdown:before{right:10px}}.home{min-height:100vh;background:linear-gradient(135deg,#faf9ff,#fff5f8);overflow-x:hidden;position:relative}.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-8);max-width:var(--container-max-width);margin:0 auto;padding:var(--space-20) var(--container-padding) 0;position:relative}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,var(--fun-pink-light) 0%,transparent 70%);border-radius:50%;opacity:.4;z-index:0;animation:floatBlob 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,var(--fun-purple-light) 0%,transparent 70%);border-radius:50%;opacity:.3;z-index:0;animation:floatBlob 25s ease-in-out infinite reverse}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}}.hero-content{position:relative;z-index:10;animation:slideInLeft 1s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.live-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);border:1px solid rgba(40,167,69,.3);box-shadow:0 10px 30px -15px #28a745;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{box-shadow:0 10px 30px -15px #28a745}50%{box-shadow:0 10px 30px -5px #28a745}}.live-dot{width:10px;height:10px;background:#28a745;border-radius:50%;animation:livePulse 1.5s ease infinite;position:relative}.live-dot:after{content:"";position:absolute;inset:-3px;background:#28a745;border-radius:50%;opacity:.3;animation:livePulseRing 1.5s ease infinite}@keyframes livePulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes livePulseRing{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:0}to{transform:scale(2.2);opacity:0}}.live-text{font-size:var(--text-sm);font-weight:500;color:var(--neutral-700)}.live-text span{font-weight:700;color:#28a745;font-size:var(--text-md);margin-right:3px}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1;margin-bottom:var(--space-4);color:var(--neutral-900);letter-spacing:-2px}.hero-title span{display:block;background:linear-gradient(135deg,#ff6b9d,#9b87f5,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:var(--text-lg);color:var(--neutral-600);margin-bottom:var(--space-6);max-width:500px;font-family:var(--font-friendly);line-height:1.6;position:relative;padding-left:var(--space-4);border-left:3px solid var(--fun-pink)}.btn{display:inline-flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--neutral-900),var(--neutral-800));color:#fff;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-md);font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 20px 30px -15px #0000004d}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .8s,height .8s}.btn:hover:before{width:400%;height:400%}.btn i{font-size:var(--text-md);transition:transform .4s ease}.hero-image{position:relative;z-index:10;animation:slideInRight 1s ease,float 6s ease-in-out infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(0)}}.hero-image img{max-width:90%;height:auto;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:morphBorder 8s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(155,135,245,.3))}@keyframes morphBorder{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:60% 40% 30% 70%/60% 40% 70% 30%}66%{border-radius:30% 70% 50% 50%/30% 70% 40% 60%}}.user-count-section{position:relative;z-index:20;max-width:var(--container-max-width);margin:-50px auto 0;padding:0 var(--container-padding)}.user-count-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);box-shadow:0 30px 60px -30px #9b87f566;border:1px solid rgba(255,107,157,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-50px);animation:slideUp .8s ease .5s both}@keyframes slideUp{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-50px)}}.user-count-left{display:flex;align-items:center;gap:var(--space-4)}.user-avatars{display:flex;align-items:center}.avatar-group{display:flex;align-items:center;margin-right:var(--space-2)}.avatar-circle{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));border:3px solid white;margin-right:-15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-md);box-shadow:var(--shadow-md);animation:avatarPop .5s ease}@keyframes avatarPop{0%{transform:scale(0)}to{transform:scale(1)}}.avatar-circle:nth-child(2){background:linear-gradient(135deg,var(--fun-yellow),var(--fun-orange));animation-delay:.1s}.avatar-circle:nth-child(3){background:linear-gradient(135deg,var(--fun-green),#06d6a0);animation-delay:.2s}.avatar-circle:last-child{margin-right:0}.user-count-info h3{font-size:var(--text-xl);font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-1)}.user-count-info p{color:var(--neutral-500);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-1)}.user-count-info p i{color:#28a745;font-size:var(--text-xs)}.user-count-number{background:linear-gradient(135deg,var(--fun-pink-light),var(--fun-purple-light));padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-2);border:2px dashed var(--fun-pink)}.user-count-number span{font-size:var(--text-3xl);font-weight:800;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.user-count-number small{color:var(--neutral-600);font-size:var(--text-sm);font-weight:500}.ticker-cross{position:relative;width:100%;min-height:280px;margin:var(--space-4) 0 var(--space-16);overflow:hidden;background:linear-gradient(135deg,#fff0f5,#f5f0ff);border-top:3px solid var(--fun-pink);border-bottom:3px solid var(--fun-purple);transform:skewY(-1deg)}.ticker-rotate-left{position:absolute;top:20px;left:-50px;width:120%;transform:rotate(-4deg) translateY(-20px);background:linear-gradient(90deg,var(--fun-yellow-light),var(--fun-pink-light));border-top:3px dashed var(--fun-yellow);border-bottom:3px dashed var(--fun-pink);box-shadow:0 20px 30px -15px #ff6b9d4d;padding:var(--space-4) 0;z-index:5;overflow:hidden}.ticker-rotate-right{position:absolute;bottom:20px;right:-50px;width:120%;transform:rotate(4deg) translateY(20px);background:linear-gradient(90deg,var(--fun-purple-light),var(--fun-pink-light));border-top:3px dashed var(--fun-purple);border-bottom:3px dashed var(--fun-pink);box-shadow:0 20px 30px -15px #9b87f54d;padding:var(--space-4) 0;z-index:5;overflow:hidden}.ticker{display:flex;gap:var(--space-4);white-space:nowrap;font-family:var(--font-secondary);font-weight:700;text-transform:uppercase;letter-spacing:3px;width:fit-content;will-change:transform}.ticker-rotate-left .ticker{animation:tickerScroll 40s linear infinite}.ticker-rotate-right .ticker{animation:tickerScrollReverse 40s linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tickerScrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.ticker span{font-size:var(--text-2xl);padding:0 var(--space-3);text-shadow:2px 2px 0 rgba(255,107,157,.2);transition:all .3s ease}.ticker-rotate-left .ticker span{color:var(--fun-pink);-webkit-text-stroke:1px var(--fun-purple)}.ticker-rotate-left .ticker span:nth-child(2n){color:var(--fun-purple);-webkit-text-stroke:1px var(--fun-pink)}.ticker-rotate-right .ticker span{color:var(--fun-purple);-webkit-text-stroke:1px var(--fun-pink)}.ticker-rotate-right .ticker span:nth-child(odd){color:var(--fun-pink);-webkit-text-stroke:1px var(--fun-purple)}.ticker-rotate-left:hover .ticker span,.ticker-rotate-right:hover .ticker span{filter:brightness(1.2);text-shadow:0 0 10px currentColor}.ticker-cross:before{content:"✦ ✦ ✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:var(--fun-yellow);opacity:.2;white-space:nowrap;animation:rotate 20s linear infinite;z-index:1;pointer-events:none}.ticker-cross:after{content:"✧ ✧ ✧";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:60px;color:var(--fun-pink);opacity:.2;white-space:nowrap;animation:rotateReverse 20s linear infinite;z-index:1;pointer-events:none}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateReverse{0%{transform:translate(-50%,-50%) rotate(90deg)}to{transform:translate(-50%,-50%) rotate(450deg)}}@media(max-width:768px){.ticker-cross{min-height:200px}.ticker span{font-size:var(--text-lg)}.ticker-rotate-left,.ticker-rotate-right{padding:var(--space-3) 0}}@media(max-width:480px){.ticker-cross{min-height:150px}.ticker span{font-size:var(--text-md)}}.features{max-width:var(--container-max-width);margin:var(--space-16) auto;padding:var(--space-8) var(--container-padding);position:relative;z-index:10}.section-title{font-size:var(--text-4xl);font-weight:800;text-align:center;margin-bottom:var(--space-16);color:var(--neutral-900);position:relative;display:inline-block;left:50%;transform:translate(-50%);letter-spacing:-1px}.section-title:before{content:"⚡";position:absolute;left:-40px;top:50%;transform:translateY(-50%);font-size:var(--text-2xl);opacity:0;transition:all .3s ease}.section-title:after{content:"⚡";position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-size:var(--text-2xl);opacity:0;transition:all .3s ease}.section-title:hover:before,.section-title:hover:after{opacity:1;left:-50px;right:-50px}.section-title span{background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--fun-pink),var(--fun-purple),var(--fun-yellow));transform:scaleX(0);transition:transform .6s ease;transform-origin:left}.feature-card.reverse{direction:rtl}.feature-card.reverse .feature-content{direction:ltr}.feature-content{padding:var(--space-6);animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-content h3{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3);color:var(--neutral-900);position:relative;display:inline-block;transition:all .3s ease}.feature-content h3:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:4px;background:var(--fun-pink);border-radius:var(--radius-full);transition:width .3s ease}.feature-content p{font-size:var(--text-lg);color:var(--neutral-600);line-height:1.8;font-family:var(--font-friendly)}.feature-image{display:flex;justify-content:center;align-items:center;animation:fadeIn .8s ease .2s both}.feature-image img{max-width:90%;height:auto;border-radius:var(--radius-2xl);transition:all .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 20px 30px rgba(155,135,245,.2))}.faq-section{max-width:900px;margin:var(--space-16) auto;padding:var(--space-12) var(--container-padding);background:#fff;border-radius:var(--radius-2xl);box-shadow:0 40px 60px -30px #9b87f54d;position:relative;overflow:hidden}.faq-section:before{content:"❓";position:absolute;top:-20px;left:-20px;font-size:120px;opacity:.05;transform:rotate(-10deg)}.faq-section:after{content:"❓";position:absolute;bottom:-20px;right:-20px;font-size:120px;opacity:.05;transform:rotate(10deg)}.faq-container{display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:2}.faq-item{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.faq-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));transform:scaleY(0);transition:transform .4s ease}.faq-item:hover{transform:translate(5px)}.faq-item.active{background:#fff;transform:translate(10px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6)}.faq-question h3{font-size:var(--text-lg);font-weight:600;color:var(--neutral-900);margin:0;transition:all .3s ease}.faq-item:hover .faq-question h3{color:var(--fun-pink);transform:translate(5px)}.faq-question i{color:var(--neutral-500);font-size:var(--text-md);transition:all .4s ease}.faq-item:hover .faq-question i{color:var(--fun-pink);transform:rotate(90deg)}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--fun-pink)}.faq-answer{max-height:0;padding:0 var(--space-6);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);background:#fff}.faq-item.active .faq-answer{max-height:200px;padding:0 var(--space-6) var(--space-5)}.faq-answer p{color:var(--neutral-600);font-size:var(--text-md);line-height:1.7;font-family:var(--font-friendly);margin:0;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cta-section{margin:var(--space-16) var(--container-padding);padding:var(--space-16) var(--space-8);border-radius:var(--radius-2xl);position:relative;overflow:hidden;border:2px solid white}.cta-section:before{content:"✨🚀✨";position:absolute;top:20px;left:20px;font-size:80px;opacity:.3;animation:float 6s ease-in-out infinite}.cta-section:after{content:"💬🌟💬";position:absolute;bottom:20px;right:20px;font-size:80px;opacity:.1;animation:float 6s ease-in-out infinite reverse}.cta-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:2}.cta-content h2{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-6);color:var(--neutral-900);text-shadow:2px 2px 0 white;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-large{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);background:linear-gradient(135deg,var(--neutral-900),var(--neutral-800));color:#fff;border-radius:var(--radius-full);position:relative;overflow:hidden;border:2px solid transparent;transition:all .4s ease}.btn-large:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .8s,height .8s}.btn-large:hover:before{width:400%;height:400%}.btn-large i{font-size:var(--text-xl)}@media(max-width:1024px){.hero-title{font-size:var(--text-4xl)}.feature-content h3{font-size:var(--text-2xl)}.ticker span{font-size:var(--text-xl)}}@media(max-width:768px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:var(--space-16);text-align:center;gap:var(--space-4)}.hero-content{max-width:100%;padding:0 var(--space-4)}.hero-subtitle{margin-left:auto;margin-right:auto;border-left:none;padding-left:0}.hero-image{grid-row:2;max-width:80%;margin:0 auto}.live-badge{margin-left:auto;margin-right:auto}.user-count-card{flex-direction:column;text-align:center;padding:var(--space-4);transform:translateY(-30px)}.user-count-left{flex-direction:column}.ticker-cross{min-height:200px}.ticker span{font-size:var(--text-lg)}.feature-card,.feature-card.reverse{grid-template-columns:1fr;direction:ltr;text-align:center;padding:var(--space-6)}.feature-content{text-align:center;padding:var(--space-4)}.feature-content h3:after{left:50%;transform:translate(-50%)}.feature-image img{max-width:80%}.section-title{font-size:var(--text-2xl)}.faq-question h3{font-size:var(--text-md)}.cta-content h2{font-size:var(--text-2xl)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}}@media(max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-sm)}.user-count-number span{font-size:var(--text-2xl)}.ticker-cross{min-height:150px}.ticker span{font-size:var(--text-md)}.feature-content h3{font-size:var(--text-lg)}.feature-content p,.faq-question h3,.faq-answer p{font-size:var(--text-sm)}.btn-large{padding:var(--space-3) var(--space-6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.footer{background:#fff;border-top:1px solid var(--neutral-200);padding:var(--space-6) 0;margin-top:auto;box-shadow:0 -4px 20px #00000005}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-logo{font-size:var(--text-xl);font-weight:700;font-family:var(--font-secondary);background:linear-gradient(135deg,var(--primary-600),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px;transition:all var(--transition-fast);position:relative}.footer-logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));transition:width var(--transition-base);border-radius:var(--radius-full)}.footer-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--neutral-500);font-size:var(--text-sm);font-family:var(--font-primary)}.footer-info p{margin:0;display:flex;align-items:center;gap:var(--space-1)}.footer-info p:before{content:"✨";font-size:var(--text-xs);opacity:.5;margin-right:2px}.separator{color:var(--neutral-300);font-size:var(--text-md);font-weight:300}.footer-arrowbaze{color:var(--neutral-600);text-decoration:none;transition:all var(--transition-base);position:relative;display:inline-flex;align-items:center;gap:var(--space-1);font-weight:500;background:var(--neutral-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--neutral-200)}.footer-arrowbaze:before{content:"⚡";font-size:var(--text-xs);opacity:.7;transition:all var(--transition-fast)}.footer-arrowbaze:after{content:"↗";margin-left:2px;font-size:var(--text-xs);opacity:0;transform:translate(-2px);display:inline-block;transition:all var(--transition-fast)}.footer-arrowbaze:hover{color:var(--fun-purple);background:var(--fun-purple-light);border-color:var(--fun-purple);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.footer-arrowbaze:hover:before{opacity:1;transform:rotate(10deg)}.footer-arrowbaze:hover:after{opacity:1;transform:translate(2px)}@media(max-width:640px){.footer{padding:var(--space-4) 0}.footer-content{flex-direction:column;text-align:center;gap:var(--space-3)}.footer-logo{font-size:var(--text-lg)}.footer-info{justify-content:center;font-size:var(--text-xs);flex-direction:column;gap:var(--space-2)}.footer-info p:before{display:none}.separator{display:none}.footer-arrowbaze{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@media(max-width:480px){.footer{padding:var(--space-3) 0}.footer-logo{font-size:var(--text-md)}.footer-arrowbaze{padding:var(--space-1) var(--space-2)}}@keyframes gentleWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}.call-page{min-height:100dvh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;position:relative}.call-header{position:fixed;top:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100;pointer-events:none}.status-indicator{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.status-dot{width:8px;height:8px;border-radius:50%;background:#f5a623;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.quit-btn{background:#ff3b3bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 20px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;pointer-events:auto}.quit-btn:hover{background:#ff0000e6;transform:translateY(-2px)}.videos-container{flex:1;display:flex;flex-direction:row;gap:20px;padding:80px 20px 100px;height:100dvh;box-sizing:border-box}.video-box{flex:1;position:relative;border-radius:24px;overflow:hidden;background:#000;border:2px solid rgba(255,255,255,.1);box-shadow:0 30px 40px -20px #00000080}.video-element{width:100%;height:100%;object-fit:cover}.my-video{transform:scaleX(-1)}.video-label{position:absolute;bottom:15px;left:15px;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:6px 15px;border-radius:30px;font-size:13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);z-index:10}.video-label i{font-size:12px;color:#4caf50}.controls-wrapper{position:fixed;bottom:25px;left:0;right:0;display:flex;justify-content:center;z-index:100}.video-controls{display:flex;gap:15px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 25px;border-radius:60px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px -10px #00000080}.control-btn{width:55px;height:55px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:22px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.control-btn.next{background:linear-gradient(135deg,#ff6b9d,#9b87f5);box-shadow:0 5px 15px -5px #ff6b9d}.control-btn.next:hover{transform:scale(1.1) rotate(360deg)}.control-btn.mic-off{background:#ff3b3b80}.control-btn.mic-off:hover{background:#ff3b3bcc}@media(max-width:768px){.videos-container{flex-direction:column;gap:10px;padding:70px 15px 90px}.video-box{flex:none;height:calc((100dvh - 160px)/2)}.call-header{padding:0 15px}.status-indicator,.quit-btn{padding:6px 15px;font-size:12px}.video-controls{padding:10px 20px;gap:12px}.control-btn{width:48px;height:48px;font-size:20px}}@media(max-width:480px){.videos-container{padding:60px 10px 80px}.video-box{height:calc((100dvh - 140px)/2)}.video-label{font-size:11px;padding:4px 10px}.status-indicator,.quit-btn{padding:5px 12px;font-size:11px}.video-controls{padding:8px 16px;gap:10px}.control-btn{width:42px;height:42px;font-size:18px}}.permission-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.permission-popup{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;width:90%;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--neutral-200);animation:slideUp .4s ease}.permission-image{width:200px;height:auto;margin:0 auto var(--space-4);border-radius:var(--radius-2xl)}.permission-popup h2{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-2);font-family:var(--font-secondary)}.permission-popup p{color:var(--neutral-600);margin-bottom:var(--space-6);font-family:var(--font-friendly);font-size:var(--text-md)}.permission-buttons{display:flex;gap:var(--space-3);justify-content:center}.permission-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex;align-items:center;gap:var(--space-2);border:2px solid transparent}.permission-btn i{font-size:var(--text-md)}.permission-btn.allow{background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));color:#fff;box-shadow:0 10px 20px -10px var(--fun-pink)}.permission-btn.cancel{background:var(--neutral-100);color:var(--neutral-600);border-color:var(--neutral-200)}.permission-btn.cancel:hover{background:var(--neutral-200)}.permission-btn.retry{background:var(--fun-yellow-light);color:var(--fun-yellow);border-color:var(--fun-yellow)}.permission-btn.retry:hover{background:var(--fun-yellow);color:#fff}.error-popup{border-top:5px solid var(--error)}.error-popup h2{color:var(--error)}.about-page{min-height:100vh;background:var(--neutral-50);overflow-x:hidden}.breadcrumb-sep{color:var(--neutral-400);font-size:var(--text-xs)}.breadcrumb-current{color:var(--fun-orange);font-weight:500;font-size:var(--text-sm);background:linear-gradient(135deg,var(--primary-600),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-section{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-16)}.about-header{text-align:center;margin-bottom:var(--space-16)}.about-title{font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-4);color:var(--neutral-900)}.about-title span{display:block;background:linear-gradient(135deg,var(--primary-500),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2em}.about-subtitle{font-size:var(--text-md);color:var(--neutral-600);max-width:600px;margin:0 auto;font-family:var(--font-friendly);line-height:1.6;background:#fff;padding:var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.story-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-10);margin-bottom:var(--space-16);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.story-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6);color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-3)}.story-title i{color:var(--fun-yellow);font-size:var(--text-3xl)}.story-text{font-size:var(--text-md);color:var(--neutral-700);line-height:1.8;margin-bottom:var(--space-4);font-family:var(--font-friendly);padding-left:var(--space-4);border-left:3px solid var(--fun-pink-light)}.story-text strong{color:var(--fun-pink);font-weight:600;background:var(--fun-pink-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.creators-title{font-size:var(--text-2xl);font-weight:600;text-align:center;margin-bottom:var(--space-12);color:var(--neutral-900);position:relative}.creators-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));border-radius:var(--radius-full)}.creators-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-16)}.creator-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;border:1px solid var(--neutral-200);transition:all var(--transition-base)}.creator-avatar{width:140px;height:140px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--fun-pink-light),var(--fun-purple-light));border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:var(--shadow-md)}.creator-avatar i{font-size:60px;color:var(--fun-pink)}.creator-name{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--neutral-900)}.creator-role{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-4);font-family:var(--font-friendly);max-width:250px;margin-left:auto;margin-right:auto}.creator-social{display:flex;gap:var(--space-3);justify-content:center}.creator-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-md);transition:all var(--transition-base)}.social-ig{background:linear-gradient(45deg,#f09433,#d62976,#962fbf);color:#fff}.social-snap{background:#fffc00;color:#000}.vibe-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-12);margin-bottom:var(--space-16)}.vibe-title{font-size:var(--text-2xl);font-weight:600;text-align:center;margin-bottom:var(--space-8);color:var(--neutral-900)}.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.vibe-item{text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--neutral-50);transition:all var(--transition-base);border:1px solid var(--neutral-200)}.vibe-item i{font-size:40px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);display:inline-block}.vibe-item h3{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2);color:var(--neutral-900)}.vibe-item p{font-size:var(--text-sm);color:var(--neutral-600);font-family:var(--font-friendly)}.message-perso{text-align:center;padding:var(--space-12);background:linear-gradient(135deg,var(--fun-pink-light),var(--fun-purple-light));border-radius:var(--radius-2xl);border:1px solid var(--neutral-200)}.message-quote{font-size:var(--text-lg);color:var(--neutral-800);font-family:var(--font-handwrite);line-height:1.6;max-width:800px;margin:0 auto}.message-author{display:block;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--neutral-600);font-family:var(--font-primary);font-weight:500}.message-author:before{content:"— "}@media(max-width:768px){.breadcrumb-container{margin-top:60px}.about-title{font-size:var(--text-3xl)}.about-subtitle{font-size:var(--text-sm)}.creators-grid,.vibe-grid{grid-template-columns:1fr;gap:var(--space-4)}.story-card{padding:var(--space-6)}.story-title{font-size:var(--text-lg)}.creator-card{max-width:400px;margin:0 auto}}@media(max-width:480px){.breadcrumb{padding:var(--space-1) var(--space-2)}.breadcrumb-link span,.breadcrumb-current{font-size:var(--text-xs)}.creator-avatar{width:100px;height:100px}.creator-avatar i{font-size:40px}.message-quote{font-size:var(--text-md)}}.contact-page{min-height:100vh;background:var(--neutral-50);overflow-x:hidden}.breadcrumb-container{max-width:var(--container-max-width);margin:80px auto 0;padding:0 var(--container-padding)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);width:fit-content;border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.breadcrumb-link{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-600);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.breadcrumb-link:hover{color:var(--fun-pink);background:var(--fun-pink-light)}.breadcrumb-link i{font-size:var(--text-xs)}.breadcrumb-separator{color:var(--neutral-400);font-size:var(--text-xs)}.breadcrumb-current{color:var(--neutral-800);font-weight:500;font-size:var(--text-sm);background:linear-gradient(135deg,var(--primary-600),var(--fun-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-section{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-16)}.contact-title{font-size:var(--text-4xl);font-weight:700;text-align:center;margin-bottom:var(--space-2);color:var(--neutral-900);position:relative}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));border-radius:var(--radius-full)}.contact-subtitle{text-align:center;font-size:var(--text-md);color:var(--neutral-600);margin-bottom:var(--space-12);font-family:var(--font-friendly);max-width:500px;margin-left:auto;margin-right:auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.contact-form-container{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.contact-form-container h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-2);border-bottom:2px solid var(--neutral-100);padding-bottom:var(--space-4)}.contact-form-container h2 i{color:var(--fun-pink);font-size:var(--text-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--neutral-700);display:flex;align-items:center;gap:var(--space-2)}.form-group label i{color:var(--fun-purple);font-size:var(--text-xs);width:16px}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-primary);transition:all var(--transition-fast);background:var(--neutral-50)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--fun-pink);background:#fff;box-shadow:0 0 0 4px var(--fun-pink-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--neutral-400);font-family:var(--font-friendly);font-size:var(--text-xs)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn i{font-size:var(--text-md);transition:transform var(--transition-fast)}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.info-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.info-card h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-2);border-bottom:2px solid var(--neutral-100);padding-bottom:var(--space-4)}.info-card h2 i{color:var(--fun-purple);font-size:var(--text-xl)}.info-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);margin-bottom:var(--space-2)}.info-item:hover{background:var(--neutral-50);transform:translate(4px)}.info-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--fun-pink-light),var(--fun-purple-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--fun-pink);transition:all var(--transition-base)}.info-item:hover .info-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--fun-pink),var(--fun-purple));color:#fff}.info-content h3{font-size:var(--text-sm);font-weight:600;color:var(--neutral-500);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.whatsapp-link,.email-link{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-800);text-decoration:none;font-size:var(--text-md);font-weight:500;transition:all var(--transition-fast)}.whatsapp-link i,.email-link i{font-size:var(--text-xs);color:var(--neutral-400);transition:all var(--transition-fast)}.whatsapp-link:hover{color:#25d366}.whatsapp-link:hover i{color:#25d366;transform:translate(2px,-2px)}.email-link:hover{color:var(--fun-purple)}.email-link:hover i{color:var(--fun-purple);transform:translate(2px,-2px)}.quick-social{margin-top:var(--space-6);padding-top:var(--space-6);border-top:2px solid var(--neutral-100)}.quick-social h3{font-size:var(--text-sm);font-weight:600;color:var(--neutral-500);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.social-icons{display:flex;gap:var(--space-3)}.social-icon{width:45px;height:45px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.social-icon:hover:before{width:200%;height:200%}.social-icon.ig{background:linear-gradient(45deg,#f09433,#d62976,#962fbf);color:#fff}.social-icon.tiktok{background:#000;color:#fff}.social-icon.snap{background:#fffc00;color:#000}.social-icon:hover{transform:translateY(-4px) rotate(360deg);box-shadow:0 10px 20px -5px #0003}.location-card{background:linear-gradient(135deg,white,var(--fun-yellow-light))}.location-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.location-header i{font-size:var(--text-xl);color:var(--fun-orange)}.location-header h3{font-size:var(--text-lg);font-weight:600;color:var(--neutral-900)}.location-card p{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-700);font-size:var(--text-sm);margin-bottom:var(--space-4);font-family:var(--font-friendly)}.location-card p i{color:var(--fun-pink);font-size:var(--text-md)}.location-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--neutral-200);font-size:var(--text-xs);font-weight:500;color:var(--neutral-700)}.location-badge i{color:var(--fun-green)}.notification{position:fixed;bottom:30px;right:30px;background:#fff;border-left:4px solid var(--fun-yellow);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification i{color:var(--fun-yellow);font-size:var(--text-lg);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification span{color:var(--neutral-800);font-size:var(--text-sm);font-weight:500}@media(max-width:1024px){.contact-grid{gap:var(--space-6)}.contact-title{font-size:var(--text-3xl)}}@media(max-width:768px){.breadcrumb-container{margin-top:60px}.contact-grid{grid-template-columns:1fr;gap:var(--space-6)}.contact-title{font-size:var(--text-2xl)}.contact-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-8)}.contact-form-container,.info-card{padding:var(--space-6)}}@media(max-width:480px){.breadcrumb{padding:var(--space-1) var(--space-2)}.breadcrumb-link span,.breadcrumb-current{font-size:var(--text-xs)}.contact-form-container h2{font-size:var(--text-md)}.form-group label{font-size:var(--text-xs)}.form-group input,.form-group textarea{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.submit-btn{padding:var(--space-3);font-size:var(--text-sm)}.info-item{flex-direction:column;align-items:center;text-align:center}.info-content{text-align:center}.whatsapp-link,.email-link,.social-icons{justify-content:center}.notification{left:20px;right:20px;bottom:20px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.info-icon{animation:float 3s ease-in-out infinite}.info-icon:nth-child(2){animation-delay:.5s}.form-group input:valid,.form-group textarea:valid{border-color:var(--fun-green)}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:var(--fun-pink)}