.hero-section-modern{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);min-height:100vh;padding:120px 0 80px;position:relative;overflow:hidden}.hero-bg-gradient{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float-orb;position:absolute}.orb-1{background:radial-gradient(circle,#8b5cf6cc,#0000);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#3b82f699,#0000);width:500px;height:500px;animation-delay:5s;bottom:-150px;right:-150px}.orb-3{background:radial-gradient(circle,#a855f7b3,#0000);width:400px;height:400px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-50px,50px)scale(.9)}}.particles-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:#fff9;border-radius:50%;width:4px;height:4px;animation:20s linear infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)}}.hero-row{z-index:2;min-height:80vh;position:relative}.hero-content-col{align-items:center;display:flex}.hero-content-wrapper{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.hero-content-wrapper.animate-in{opacity:1;transform:translateY(0)}.hero-main-title{color:#fff;letter-spacing:-.02em;margin-bottom:2rem;font-size:4.5rem;font-weight:800;line-height:1.1}.title-highlight{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradient-pulse;display:inline-block}.title-connect{display:inline-block;position:relative}@keyframes gradient-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.hero-main-subtitle{color:#fffffff2;max-width:600px;margin-bottom:2.5rem;font-size:1.375rem;line-height:1.8}.hero-cta-group{flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;display:flex}.btn-get-started{color:#2563eb;background:#fff;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0000001a}.btn-get-started:hover{color:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.btn-watch-demo{color:#fff;background:0 0;border:2px solid #ffffff80;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-watch-demo:hover{color:#fff;background:#ffffff1a;border-color:#fffc;transform:translateY(-2px)}.btn-icon{font-size:1.25rem}.feature-badges{flex-direction:column;gap:1rem;max-width:600px;display:flex}.badge-item{color:#fffffff2;align-items:center;gap:.75rem;padding:.875rem 0;font-size:1rem;animation:.6s ease-out backwards fade-in-up;display:flex}.badge-item:first-child{animation-delay:.2s}.badge-item:nth-child(2){animation-delay:.4s}.badge-item:nth-child(3){animation-delay:.6s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-icon{flex-shrink:0;font-size:1.25rem}.badge-icon.success{color:#10b981}.badge-icon.info{color:#60a5fa}.badge-icon.primary{color:#fbbf24}.hero-image-col{justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup-container{opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(.8)translateY(30px)}.phone-mockup-container.animate-in{opacity:1;transform:scale(1)translateY(0)}.phone-frame{width:320px;height:650px;transform-style:preserve-3d;background:#1f2937;border-radius:40px;padding:12px;animation:6s ease-in-out infinite phone-float;position:relative;box-shadow:0 20px 50px #0006,inset 0 0 0 1px #ffffff1a}@keyframes phone-float{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-20px)rotateY(5deg)}}.phone-notch{z-index:10;background:#000;border-radius:0 0 20px 20px;width:120px;height:28px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#000;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screenshot{object-fit:cover;width:100%;height:100%}.floating-element{animation:4s ease-in-out infinite float-bubble;position:absolute}.element-1{animation-delay:0s;top:10%;right:-10%}.element-2{animation-delay:1.5s;bottom:20%;left:-15%}.element-3{animation-delay:3s;top:60%;right:-5%}@keyframes float-bubble{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.icon-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex;box-shadow:0 8px 32px #0000001a}.wave-divider{z-index:1;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}.wave-divider svg{width:calc(100% + 1.3px);height:120px;display:block;position:relative}.everything-section{z-index:2;background:#fff;padding:80px 0;position:relative}.section-title{text-align:center;color:#1f2937;letter-spacing:-.02em;margin-bottom:4rem;font-size:2.75rem;font-weight:800}.features-grid{margin-top:3rem}.feature-card{text-align:center;background:#fff;border:2px solid #f3f4f6;border-radius:24px;height:100%;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#e5e7eb;transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.feature-icon-wrapper{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;position:relative;overflow:hidden}.feature-icon-wrapper:before{content:"";opacity:.1;position:absolute;inset:0}.feature-icon-wrapper.blue{background:#dbeafe}.feature-icon-wrapper.blue .feature-icon{color:#2563eb}.feature-icon-wrapper.yellow{background:#fef3c7}.feature-icon-wrapper.yellow .feature-icon{color:#f59e0b}.feature-icon-wrapper.purple{background:#ede9fe}.feature-icon-wrapper.purple .feature-icon{color:#7c3aed}.feature-icon{width:2rem;height:2rem;font-size:2rem}.feature-title{color:#1f2937;margin-bottom:.75rem;font-size:1.375rem;font-weight:700}.feature-description{color:#6b7280;margin:0;font-size:1rem;line-height:1.6}@media (max-width:991px){.hero-section-modern{padding:100px 0 60px}.hero-row{min-height:auto}.hero-main-title{font-size:3rem}.hero-content-col{text-align:center;margin-bottom:3rem}.hero-main-subtitle{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.feature-badges{margin-left:auto;margin-right:auto}.phone-mockup-container,.phone-mockup-container.animate-in{transform:scale(.9)}.floating-element{display:none}}@media (max-width:767px){.hero-main-title{font-size:2.25rem}.hero-main-subtitle{font-size:1.125rem}.hero-cta-group{flex-direction:column}.btn-get-started,.btn-watch-demo{justify-content:center;width:100%}.phone-frame{width:280px;height:570px}.section-title{font-size:2rem}.feature-card{margin-bottom:1.5rem;padding:2rem 1.5rem}}@media (max-width:575px){.hero-main-title{font-size:1.875rem}.phone-frame{width:240px;height:490px}.icon-bubble{width:50px;height:50px;font-size:1.5rem}}
.features-section{background:var(--bg-light);padding:5rem 0;position:relative;overflow:hidden}.features-section:before{content:"";background:radial-gradient(circle at 50% 50%, var(--color-electric-blue) 0%, transparent 50%);opacity:.02;z-index:0;width:200%;height:100%;position:absolute;top:0;left:-50%}.features-header{text-align:center;z-index:1;margin-bottom:4rem;position:relative}.section-badge{background:linear-gradient(135deg, var(--color-electric-blue) 0%, var(--color-vibrant-purple) 100%);color:#fff;border-radius:50px;align-items:center;margin-bottom:1rem;padding:.5rem 1.5rem;font-weight:600;animation:3s ease-in-out infinite float-badge;display:inline-flex}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-title{color:var(--text-primary);background:linear-gradient(135deg, var(--color-electric-blue) 0%, var(--color-vibrant-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.feature-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;height:100%;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.feature-card:before{content:"";background:linear-gradient(90deg, var(--color-electric-blue) 0%, var(--color-vibrant-purple) 100%);width:100%;height:5px;position:absolute;top:0;left:0}.feature-card:hover{border-color:var(--color-electric-blue);transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-icon-wrapper{color:#fff;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.8rem;display:flex;position:relative;overflow:hidden}.feature-icon-wrapper.gradient-1{background:linear-gradient(135deg, var(--color-electric-blue) 0%, var(--color-cyan) 100%)}.feature-icon-wrapper.gradient-2{background:linear-gradient(135deg, var(--color-vibrant-purple) 0%, var(--color-magenta) 100%)}.feature-icon-wrapper.gradient-3{background:linear-gradient(135deg, var(--color-emerald) 0%, var(--color-teal) 100%)}.feature-icon-wrapper.gradient-4{background:linear-gradient(135deg, var(--color-sunset-orange) 0%, var(--color-warm-yellow) 100%)}.feature-icon-wrapper.gradient-5{background:linear-gradient(135deg, var(--color-coral-pink) 0%, var(--color-rose) 100%)}.feature-icon-wrapper:after{content:"";opacity:0;background:#fff;border-radius:50%;width:100%;height:100%;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.feature-card:hover .feature-icon-wrapper:after{opacity:.2;transform:translate(-50%,-50%)scale(2)}.feature-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.feature-demo{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;justify-content:center;align-items:center;min-height:60px;margin-bottom:1.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.demo-content{color:var(--text-primary);text-align:center;font-size:.85rem;font-weight:500}.feature-try-btn{background:linear-gradient(135deg, var(--color-electric-blue) 0%, var(--color-vibrant-purple) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.75rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-try-btn:before{content:"";background:linear-gradient(135deg, var(--color-vibrant-purple) 0%, var(--color-electric-blue) 100%);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.feature-try-btn:hover:before{left:0}.feature-try-btn:hover{transform:scale(1.02);box-shadow:0 10px 20px #0066ff4d}.feature-try-btn>*{z-index:1;position:relative}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.feature-card{padding:1.5rem}}
.stories-section{background:linear-gradient(135deg,#f8f9ff 0%,#fff0f8 100%);padding:100px 0;position:relative;overflow:hidden}.stories-section:before{content:"";background:radial-gradient(circle,#8b5cf60d 0%,#0000 70%);width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.stories-title{background:var(--bg-gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;position:relative}.stories-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.stories-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;margin-bottom:60px;padding:30px;box-shadow:0 20px 40px #0000001a}.stories-slider{scroll-behavior:smooth;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.stories-slider::-webkit-scrollbar{height:6px}.stories-slider::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.stories-slider::-webkit-scrollbar-thumb{background:var(--bg-gradient-1);border-radius:10px}.story-item{cursor:pointer;min-width:100px;transition:all var(--transition-normal);border-radius:15px;flex-direction:column;align-items:center;padding:10px;display:flex}.story-item:hover{background:#ffffff80;transform:translateY(-5px)}.story-avatar-container{margin-bottom:10px;position:relative}.story-avatar{object-fit:cover;background:var(--bg-gradient-1);width:80px;height:80px;transition:all var(--transition-normal);border:3px solid #0000;border-radius:50%;padding:3px}.story-item.has-new-story .story-avatar{background:var(--bg-gradient-2);animation:2s ease-in-out infinite pulse-gradient}.story-item.own-story .story-avatar{background:var(--bg-gradient-3)}.add-story-button{background:var(--color-electric-blue);color:#fff;cursor:pointer;width:30px;height:30px;transition:all var(--transition-normal);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;bottom:-5px;right:-5px}.add-story-button:hover{background:var(--color-vibrant-purple);transform:scale(1.1)}.story-indicator{background:var(--color-coral-pink);border:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:2s ease-in-out infinite pulse;position:absolute;top:-3px;right:-3px}.story-username{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.875rem;font-weight:600;overflow:hidden}.story-feature{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;height:100%;padding:30px 20px}.story-feature:hover{background:#fffffff2;transform:translateY(-10px);box-shadow:0 30px 60px #00000026}.feature-icon{background:var(--bg-gradient-1);color:#fff;width:80px;height:80px;transition:all var(--transition-normal);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:2rem;display:flex}.story-feature:hover .feature-icon{background:var(--bg-gradient-2);transform:scale(1.1)}.story-feature h4{color:var(--text-primary);margin-bottom:15px;font-size:1.5rem;font-weight:700}.story-feature p{color:var(--text-secondary);margin:0;line-height:1.6}.story-demo-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:30px;margin-top:60px;padding:60px 40px;box-shadow:0 30px 60px #0000001a}.story-demo-content h3{color:var(--text-primary);margin-bottom:30px;font-size:2.5rem;font-weight:800}.story-features-list{margin-bottom:40px;padding:0;list-style:none}.story-features-list li{color:var(--text-secondary);border-bottom:1px solid #0000000d;align-items:center;padding:15px 0;font-size:1.125rem;display:flex}.story-features-list li:last-child{border-bottom:none}.story-features-list svg{color:var(--color-electric-blue);font-size:1.25rem}.btn-gradient-primary{background:var(--bg-gradient-1);color:#fff;transition:all var(--transition-normal);border:none;border-radius:50px;padding:15px 40px;font-size:1.125rem;font-weight:700;box-shadow:0 10px 30px #667eea4d}.btn-gradient-primary:hover{background:var(--bg-gradient-2);color:#fff;transform:translateY(-3px);box-shadow:0 20px 40px #667eea66}.story-phone-mockup{justify-content:center;align-items:center;display:flex}.phone-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:40px;width:280px;height:560px;padding:20px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000004d}.phone-container:before{content:"";z-index:2;background:#1a1a2e;border-radius:0 0 20px 20px;width:140px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.story-preview{background:url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400&h=600&fit=crop) 50%/cover;flex-direction:column;height:100%;display:flex;position:relative}.story-preview:before{content:"";background:linear-gradient(#0000004d 0%,#0000001a 50%,#000000b3 100%);position:absolute;inset:0}.story-header{z-index:2;justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative}.story-user-info{color:#fff;align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.story-user-avatar{border:2px solid #fff;border-radius:50%;width:40px;height:40px}.story-actions{color:#fff;gap:15px;font-size:1.25rem;display:flex}.story-content{z-index:2;flex:1;align-items:flex-end;padding:20px;display:flex;position:relative}.story-text{color:#fff;text-shadow:0 2px 10px #00000080;font-size:1.125rem;font-weight:600}@keyframes pulse-gradient{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-30px)rotate(120deg)}66%{transform:translateY(-60px)rotate(240deg)}}@media (max-width:768px){.stories-title{font-size:2.5rem}.stories-container{padding:20px}.stories-slider{gap:15px}.story-avatar{width:70px;height:70px}.story-demo-section{padding:40px 20px}.story-demo-content h3{font-size:2rem}.phone-container{width:240px;height:480px}.story-features-list li{font-size:1rem}.btn-gradient-primary{padding:12px 30px;font-size:1rem}}
.content-creation-section{background:linear-gradient(135deg,#fef7ff 0%,#f0f9ff 100%);padding:120px 0;position:relative;overflow:hidden}.content-creation-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 70% 80%,#ff6b6b14 0%,#0000 50%);position:absolute;inset:0}.creation-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.creation-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.creation-tabs-container{justify-content:center;margin:60px 0;display:flex}.creation-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;gap:10px;padding:10px;display:flex;box-shadow:0 20px 40px #0000001a}.creation-tab{cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary);background:0 0;border:none;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;font-size:1rem;font-weight:600;display:flex}.creation-tab:hover{background:#fffc;transform:translateY(-2px)}.creation-tab.active{background:var(--tab-color,var(--color-electric-blue));color:#fff;box-shadow:0 10px 25px #00000026}.tab-icon{font-size:1.25rem}.creation-workspace{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:30px;margin-bottom:80px;padding:50px;box-shadow:0 30px 60px #0000001a}.workspace-mockup{position:relative}.mockup-container{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0003}.mockup-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.mockup-controls{gap:10px;display:flex}.control-dot{border-radius:50%;width:12px;height:12px}.control-dot.red{background:#ff5f57}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#28ca42}.mockup-title{color:#e2e8f0;font-size:1rem;font-weight:600}.mockup-content{background:#1a202c;height:400px;position:relative}.photo-editor{flex-direction:column;height:100%;display:flex}.editor-toolbar{background:#0000004d;border-bottom:1px solid #ffffff1a;padding:15px 20px}.toolbar-group{gap:10px;display:flex}.tool-btn{color:#e2e8f0;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.tool-btn:hover,.tool-btn.active{background:var(--color-electric-blue);color:#fff}.editor-canvas{flex:1;position:relative;overflow:hidden}.canvas-image{object-fit:cover;width:100%;height:100%}.edit-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;width:200px;height:100%;padding:20px;position:absolute;top:0;right:0}.adjustment-panel{flex-direction:column;gap:20px;display:flex}.slider-control{color:#e2e8f0}.slider-control label{margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.slider{background:#fff3;border-radius:2px;height:4px;position:relative}.slider:before{content:"";background:var(--color-electric-blue);border-radius:2px;width:60%;height:100%;position:absolute;top:0;left:0}.video-editor{flex-direction:column;height:100%;display:flex}.video-preview{flex:1;position:relative}.video-player,.video-thumbnail{width:100%;height:100%;position:relative}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn{width:80px;height:80px;color:var(--color-electric-blue);cursor:pointer;transition:all var(--transition-normal);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.play-btn:hover{background:#fff;transform:scale(1.1)}.timeline{background:#0000004d;border-top:1px solid #ffffff1a;height:80px;padding:10px 20px}.timeline-track{background:#ffffff1a;border-radius:4px;align-items:center;gap:5px;height:100%;padding:5px;display:flex;position:relative}.clip{border-radius:3px;height:30px;position:relative}.clip-1{background:var(--color-electric-blue);width:80px}.clip-2{background:var(--color-coral-pink);width:120px}.clip-3{background:var(--color-emerald);width:60px}.audio-studio{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.waveform-container{width:100%;height:120px;margin-bottom:30px;position:relative}.waveform{justify-content:center;align-items:end;gap:3px;height:100%;display:flex}.wave-bar{background:var(--color-emerald);border-radius:2px;width:4px;transition:height .3s;animation:2s ease-in-out infinite wave-pulse}.wave-bar:nth-child(odd){animation-delay:.1s}.wave-bar:nth-child(2n){animation-delay:.2s}.playhead{background:var(--color-coral-pink);width:2px;height:100%;animation:3s linear infinite playhead-move;position:absolute;top:0;left:30%}.audio-controls{gap:15px;display:flex}.control-btn{color:#e2e8f0;cursor:pointer;width:50px;height:50px;transition:all var(--transition-normal);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.control-btn:hover{background:var(--color-emerald);color:#fff;transform:scale(1.1)}.control-btn.record{background:var(--color-coral-pink);color:#fff;animation:2s ease-in-out infinite pulse}.design-studio{height:100%;display:flex}.design-canvas{background:#fff;border-radius:10px;flex:1;margin:20px;position:relative;overflow:hidden}.canvas-layers{width:100%;height:100%;position:relative}.design-element{position:absolute}.text-element{color:var(--color-electric-blue);top:30px;left:30px}.text-element h3{margin:0;font-size:1.5rem;font-weight:800}.shape-element{background:var(--color-coral-pink);border-radius:50%;width:80px;height:80px;top:100px;right:40px}.image-element{border-radius:8px;width:120px;height:80px;bottom:30px;left:40px;overflow:hidden}.image-element img{object-fit:cover;width:100%;height:100%}.design-tools{background:#0003;flex-direction:column;align-items:center;width:80px;padding:20px 10px;display:flex}.color-swatches{flex-direction:column;gap:10px;display:flex}.swatch{cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);border:3px solid #fff;border-radius:50%}.swatch:hover{transform:scale(1.2)}.creation-info{padding:40px 0}.info-title{color:var(--text-primary);margin-bottom:20px;font-size:2.5rem;font-weight:800}.info-description{color:var(--text-secondary);margin-bottom:40px;font-size:1.125rem;line-height:1.6}.features-grid{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px;display:grid}.feature-item{transition:all var(--transition-normal);background:#fff9;border-radius:15px;gap:15px;padding:20px;display:flex}.feature-item:hover{background:#ffffffe6;transform:translateY(-5px)}.feature-icon{background:var(--bg-gradient-1);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.feature-content h5{color:var(--text-primary);margin-bottom:5px;font-size:1.125rem;font-weight:700}.feature-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.creation-stats{gap:40px;margin-bottom:40px;display:flex}.stat-item{text-align:center}.stat-number{background:var(--bg-gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:5px;font-size:.9rem;font-weight:600}.btn-creation-primary{background:var(--bg-gradient-1);color:#fff;transition:all var(--transition-normal);border:none;border-radius:50px;padding:18px 40px;font-size:1.125rem;font-weight:700;box-shadow:0 15px 35px #667eea4d}.btn-creation-primary:hover{background:var(--bg-gradient-2);color:#fff;transform:translateY(-3px);box-shadow:0 25px 50px #667eea66}.creation-showcase{margin-top:80px}.showcase-title{color:var(--text-primary);text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:800}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.showcase-item{transition:all var(--transition-normal);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.showcase-item:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000026}.showcase-image{position:relative;overflow:hidden}.showcase-image img{object-fit:cover;width:100%;height:200px;transition:all var(--transition-normal)}.showcase-item:hover .showcase-image img{transform:scale(1.05)}.showcase-overlay{opacity:0;transition:all var(--transition-normal);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.showcase-item:hover .showcase-overlay{opacity:1}.showcase-actions{gap:15px;display:flex}.action-btn{width:45px;height:45px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--color-electric-blue);color:#fff;transform:scale(1.1)}.showcase-info{justify-content:space-between;align-items:center;padding:20px;display:flex}.creator-info{align-items:center;gap:10px;display:flex}.creator-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.creator-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.showcase-stats{color:var(--text-secondary);align-items:center;gap:5px;font-size:.9rem;display:flex}.showcase-stats svg{color:var(--color-coral-pink)}@keyframes wave-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes playhead-move{0%{left:0%}to{left:70%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.creation-title{font-size:2.5rem}.creation-tabs{flex-direction:column;width:100%;max-width:300px}.creation-workspace{padding:30px 20px}.mockup-content{height:300px}.features-grid{grid-template-columns:1fr;gap:20px}.creation-stats{justify-content:space-around;gap:20px}.showcase-grid{grid-template-columns:1fr;gap:20px}.info-title,.stat-number{font-size:2rem}}
.notifications-section-ns{background:linear-gradient(135deg, var(--color-electric-blue) 0%, var(--color-vibrant-purple) 100%);padding:120px 0;position:relative;overflow:hidden}.notifications-section-ns:before{content:"";opacity:.3;z-index:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.notifications-section-ns>.container{z-index:1;position:relative}.section-header-ns{text-align:center;color:var(--text-white);margin-bottom:80px}.section-badge-ns{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-white);transition:var(--transition-normal);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;margin-bottom:24px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.section-badge-ns:hover{background:#ffffff4d;transform:translateY(-2px)}.section-title-ns{background:linear-gradient(135deg, var(--text-white) 0%, #fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.section-subtitle-ns{opacity:.9;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.notification-demo-ns{justify-content:center;align-items:center;padding:20px;display:flex}.phone-mockup-ns{background:var(--bg-dark);width:320px;height:640px;transition:var(--transition-normal);border-radius:40px;padding:20px;position:relative;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.phone-mockup-ns:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.phone-screen-ns{background:var(--bg-white);border-radius:25px;width:100%;height:100%;position:relative;overflow:hidden}.notification-header-ns{background:var(--bg-white);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 20px 15px;display:flex}.notification-header-ns h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.filter-tabs-ns{gap:8px;display:flex}.filter-tab-ns{background:var(--bg-secondary);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;border:none;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600}.filter-tab-ns.active{background:var(--color-electric-blue);color:var(--text-white)}.filter-tab-ns:hover:not(.active){background:var(--border-light)}.notifications-list-ns{height:calc(100% - 80px);padding:0 20px;overflow-y:auto}.notification-item-ns{border-bottom:1px solid var(--border-light);align-items:center;padding:16px 0;animation:.3s ease-out slideInNotification;display:flex}.notification-item-ns:last-child{border-bottom:none}@keyframes slideInNotification{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.notif-avatar-ns{width:48px;height:48px;color:var(--text-white);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:1.1rem;display:flex}.notif-avatar-ns.gradient-1{background:var(--bg-gradient-1)}.notif-avatar-ns.gradient-2{background:var(--bg-gradient-2)}.notif-avatar-ns.gradient-3{background:var(--bg-gradient-3)}.notif-avatar-ns.gradient-4{background:var(--bg-gradient-4)}.notif-avatar-ns.gradient-5{background:var(--bg-gradient-5)}.notif-content-ns{flex:1}.notif-content-ns p{color:var(--text-primary);margin:0 0 4px;font-size:.9rem;line-height:1.4}.notif-content-ns strong{font-weight:600}.notif-time-ns{color:var(--text-muted);font-size:.8rem}.notification-features-ns{padding-left:40px}.features-title-ns{color:var(--text-white);margin-bottom:30px;font-size:2.5rem;font-weight:700;line-height:1.3}.features-grid-ns{grid-template-columns:1fr;gap:20px;margin-bottom:40px;display:grid}.feature-card-ns{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:flex-start;padding:20px;display:flex}.feature-card-ns:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.feature-icon-ns{background:var(--bg-gradient-3);width:48px;height:48px;color:var(--text-white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:1.3rem;display:flex}.feature-content-ns h4{color:var(--text-white);margin:0 0 8px;font-size:1.1rem;font-weight:600}.feature-content-ns p{color:#fffc;margin:0;font-size:.95rem;line-height:1.5}.channels-section-ns{margin-top:40px}.channels-section-ns h4{color:var(--text-white);margin-bottom:20px;font-size:1.4rem;font-weight:600}.channels-grid-ns{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.channel-item-ns{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;padding:16px;display:flex}.channel-item-ns:hover{background:#ffffff26;transform:translateY(-2px)}.channel-icon-ns{background:var(--bg-gradient-4);width:40px;height:40px;color:var(--text-white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:1.1rem;display:flex}.channel-content-ns h5{color:var(--text-white);margin:0 0 4px;font-size:.9rem;font-weight:600}.channel-content-ns p{color:#ffffffb3;margin:0;font-size:.8rem;line-height:1.4}@media (max-width:992px){.notification-features-ns{padding-top:40px;padding-left:0}.features-title-ns{text-align:center;font-size:2rem}.phone-mockup-ns{margin:0 auto;transform:none}.channels-grid-ns{grid-template-columns:1fr}}@media (max-width:768px){.notifications-section-ns{padding:80px 0}.section-title-ns{font-size:2.5rem}.section-subtitle-ns{font-size:1.1rem}.phone-mockup-ns{width:280px;height:560px;padding:16px}.features-grid-ns{gap:16px}.feature-card-ns{padding:16px}}@media (max-width:576px){.section-header-ns{margin-bottom:60px}.section-title-ns{font-size:2rem}.phone-mockup-ns{width:260px;height:520px}.feature-card-ns{text-align:center;flex-direction:column}.feature-icon-ns{margin-bottom:12px;margin-right:0}}
.privacy-section-ps{background:linear-gradient(135deg, var(--color-indigo) 0%, var(--color-vibrant-purple) 50%, var(--color-magenta) 100%);padding:120px 0;position:relative;overflow:hidden}.privacy-section-ps:before{content:"";z-index:0;background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff1a 0%,#0000 50%),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 60\"><defs><pattern id=\"hexagon\" width=\"30\" height=\"26\" patternUnits=\"userSpaceOnUse\"><polygon points=\"15,2 25,8 25,20 15,26 5,20 5,8\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23hexagon)\"/></svg>");position:absolute;inset:0}.privacy-section-ps>.container{z-index:1;position:relative}.section-header-ps{text-align:center;color:var(--text-white);margin-bottom:80px}.section-badge-ps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-white);transition:var(--transition-normal);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;margin-bottom:24px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.section-badge-ps:hover{background:#ffffff4d;transform:translateY(-2px)}.section-title-ps{background:linear-gradient(135deg, var(--text-white) 0%, #fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.section-subtitle-ps{opacity:.9;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.privacy-demo-ps{padding:20px}.demo-container-ps{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:0;overflow:hidden;transform:perspective(1000px)rotateY(5deg);box-shadow:0 25px 50px #0000004d}.demo-container-ps:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.demo-tabs-ps{background:#ffffff1a;border-bottom:1px solid #fff3;display:flex}.demo-tab-ps{color:#ffffffb3;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:20px;font-weight:600;display:flex}.demo-tab-ps.active{color:var(--text-white);background:#fff3}.demo-tab-ps:hover:not(.active){color:var(--text-white);background:#ffffff1a}.demo-content-ps{min-height:400px;padding:30px}.privacy-controls-ps{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.control-header-ps h4{color:var(--text-white);margin-bottom:20px;font-size:1.4rem;font-weight:600}.privacy-options-ps{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.privacy-option-ps{transition:var(--transition-normal);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:16px;display:flex}.privacy-option-ps:hover{background:#ffffff1a;border-color:#fff3}.option-icon-ps{background:var(--bg-gradient-3);width:40px;height:40px;color:var(--text-white);border-radius:10px;justify-content:center;align-items:center;margin-right:16px;font-size:1.1rem;display:flex}.option-content-ps{flex:1}.option-label-ps{color:var(--text-white);margin-bottom:4px;font-size:1rem;font-weight:600}.option-desc-ps{color:#ffffffb3;font-size:.9rem}.option-radio-ps{margin-left:16px}.option-radio-ps input[type=radio]{width:20px;height:20px;accent-color:var(--color-electric-blue)}.custom-controls-ps h5{color:var(--text-white);margin-bottom:16px;font-size:1.2rem;font-weight:600}.control-item-ps{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.control-item-ps:last-child{border-bottom:none}.control-item-ps span{color:#ffffffe6;font-size:.95rem}.toggle-switch-ps{width:48px;height:24px;position:relative}.toggle-switch-ps input{opacity:0;width:0;height:0}.slider-ps{cursor:pointer;transition:var(--transition-fast);background:#fff3;border-radius:24px;position:absolute;inset:0}.slider-ps:before{content:"";background:var(--text-white);width:18px;height:18px;transition:var(--transition-fast);border-radius:50%;position:absolute;bottom:3px;left:3px}input:checked+.slider-ps{background:var(--color-electric-blue)}input:checked+.slider-ps:before{transform:translate(24px)}.security-settings-ps{animation:.3s ease-out fadeIn}.security-status-ps{background:#10b98133;border:1px solid #10b9814d;border-radius:12px;margin-bottom:30px;padding:20px}.status-header-ps{align-items:center;margin-bottom:8px;display:flex}.status-icon-ps{margin-right:8px;font-size:1.2rem}.status-icon-ps.success{color:var(--color-emerald)}.status-header-ps span{color:var(--text-white);font-size:1.1rem;font-weight:600}.security-status-ps p{color:#fffc;margin:0;font-size:.9rem}.security-features-ps{margin-bottom:30px}.security-item-ps{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.security-item-ps:last-child{border-bottom:none}.security-icon-ps{color:var(--color-electric-blue);margin-right:12px;font-size:1.1rem}.security-item-ps span{color:#ffffffe6;flex:1;font-size:.95rem}.status-badge-ps{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-badge-ps.enabled{color:var(--color-emerald);background:#10b98133;border:1px solid #10b9814d}.status-badge-ps.disabled{color:var(--color-coral-pink);cursor:pointer;background:#ff6b6b33;border:1px solid #ff6b6b4d}.recent-activity-ps h5{color:var(--text-white);margin-bottom:16px;font-size:1.1rem;font-weight:600}.activity-item-ps{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.activity-item-ps:last-child{border-bottom:none}.activity-item-ps span:first-child{color:#ffffffe6;font-size:.9rem}.activity-time-ps{color:#fff9;font-size:.8rem}.privacy-features-ps{padding-left:40px}.features-title-ps{color:var(--text-white);margin-bottom:30px;font-size:2.5rem;font-weight:700;line-height:1.3}.features-tabs-ps{margin-bottom:40px}.features-tab-ps{margin-bottom:30px}.features-tab-ps h4{color:var(--text-white);margin-bottom:20px;font-size:1.4rem;font-weight:600}.features-grid-ps{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-item-ps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:flex-start;padding:20px;display:flex}.feature-item-ps:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.feature-icon-ps{background:var(--bg-gradient-4);width:48px;height:48px;color:var(--text-white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:1.3rem;display:flex}.feature-content-ps h5{color:var(--text-white);margin:0 0 8px;font-size:1.1rem;font-weight:600}.feature-content-ps p{color:#fffc;margin:0;font-size:.95rem;line-height:1.5}.privacy-stats-ps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:space-between;margin-bottom:40px;padding:24px;display:flex}.stat-item-ps{text-align:center;flex:1}.stat-number-ps{color:var(--text-white);margin-bottom:8px;font-size:1.8rem;font-weight:800}.stat-label-ps{color:#fffc;font-size:.9rem;font-weight:500}.privacy-guarantee-ps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;padding:24px;display:flex}.guarantee-icon-ps{background:var(--bg-gradient-1);width:60px;height:60px;color:var(--text-white);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin-right:20px;font-size:1.8rem;display:flex}.guarantee-content-ps h4{color:var(--text-white);margin:0 0 8px;font-size:1.3rem;font-weight:600}.guarantee-content-ps p{color:#fffc;margin:0;font-size:1rem;line-height:1.5}@media (max-width:992px){.privacy-features-ps{padding-top:40px;padding-left:0}.features-title-ps{text-align:center;font-size:2rem}.demo-container-ps{transform:none}.features-grid-ps{grid-template-columns:1fr}.privacy-stats-ps{flex-direction:column;gap:20px}}@media (max-width:768px){.privacy-section-ps{padding:80px 0}.section-title-ps{font-size:2.5rem}.section-subtitle-ps{font-size:1.1rem}.demo-container-ps{margin:0 auto}.demo-content-ps{min-height:300px;padding:20px}.demo-tabs-ps{flex-direction:column}.privacy-options-ps{gap:8px}.privacy-option-ps{padding:12px}}@media (max-width:576px){.section-header-ps{margin-bottom:60px}.section-title-ps{font-size:2rem}.demo-content-ps{padding:16px}.feature-item-ps{text-align:center;flex-direction:column}.feature-icon-ps{margin-bottom:12px;margin-right:0}.privacy-guarantee-ps{text-align:center;flex-direction:column}.guarantee-icon-ps{margin-bottom:16px;margin-right:0}}