.home-page{min-height:100vh}.home-page .section-image{position:relative!important}.home-page .landing-btn{font-size:11px!important;padding:3px!important;width:50%}.home-page .landing-btn .btn-icon{height:14px;width:14px}.home-page .hero-section{display:flex;flex-direction:column;padding-top:10px;padding-bottom:70px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f6ff,#ffffff 25%,#f0f4ff 50%,#ffffff 75%,#faf5ff)}.home-page .hero-section:after,.home-page .hero-section:before{content:"";position:absolute;opacity:.08;z-index:0}.home-page .hero-section:before{width:450px;height:450px;background:radial-gradient(circle at 30% 30%,#6161ff 0,#8585ff 30%,transparent 70%);border-radius:40% 60% 50% 50%/50% 40% 60% 50%;top:-220px;left:-150px;animation:float 8s ease-in-out infinite}.home-page .hero-section:after{width:500px;height:400px;background:radial-gradient(ellipse at 60% 60%,#6161ff 0,#7b7bff 40%,transparent 70%);border-radius:30% 70% 60% 40%/40% 60% 40% 60%;bottom:-200px;right:-180px;animation:float 10s ease-in-out infinite reverse}.home-page .hero-section .decorative-blob{position:absolute;opacity:.06;z-index:0}.home-page .hero-section .decorative-blob.blob-1{width:320px;height:320px;background:radial-gradient(circle,rgba(97,97,255,.3) 0,rgba(133,133,255,.2) 40%,transparent 70%);border-radius:45% 55% 60% 40%/50% 45% 55% 50%;top:15%;right:8%;animation:morphing 12s ease-in-out infinite}.home-page .hero-section .decorative-blob.blob-2{width:280px;height:280px;background:radial-gradient(circle,rgba(97,97,255,.25) 0,rgba(150,150,255,.15) 50%,transparent 70%);border-radius:50% 50% 40% 60%/60% 40% 60% 40%;bottom:10%;left:3%;animation:morphing 15s ease-in-out infinite reverse}.home-page .hero-section .decorative-dots{position:absolute;z-index:0;opacity:.1}.home-page .hero-section .decorative-dots.dots-1{top:25%;left:15%;width:120px;height:120px;background:radial-gradient(circle,rgba(97,97,255,.4) 0,rgba(97,97,255,.2) 30%,transparent 60%);border-radius:50%;animation:pulse 4s ease-in-out infinite}.home-page .hero-section .decorative-dots.dots-2{bottom:30%;right:20%;width:100px;height:100px;background:radial-gradient(circle,rgba(97,97,255,.3) 0,rgba(97,97,255,.15) 40%,transparent 60%);border-radius:50%;animation:pulse 5s ease-in-out 1s infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes morphing{0%,to{border-radius:45% 55% 60% 40%/50% 45% 55% 50%;transform:rotate(0deg)}25%{border-radius:60% 40% 45% 55%/60% 50% 40% 60%;transform:rotate(90deg)}50%{border-radius:40% 60% 55% 45%/45% 60% 50% 55%;transform:rotate(180deg)}75%{border-radius:55% 45% 50% 50%/55% 45% 60% 40%;transform:rotate(270deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.15);opacity:.15}}@media(min-width:768px){.home-page .hero-section{flex-direction:row;padding-top:40px}.home-page .hero-section:before{width:600px;height:600px;top:-300px;left:-200px}.home-page .hero-section:after{width:650px;height:550px;bottom:-280px;right:-250px}}.home-page .hero-section .hero-content{width:90%;display:flex;justify-content:center;align-items:left;margin:20px;position:relative;z-index:1}@media(min-width:768px){.home-page .hero-section .hero-content{width:100%;margin:0}}.home-page .hero-section .hero-content .hero-text{max-width:100%}@media(min-width:768px){.home-page .hero-section .hero-content .hero-text{max-width:100%}}.home-page .hero-section .hero-content .hero-text .hero-title{font-weight:600;font-size:24px;margin-bottom:20px}@media(min-width:768px){.home-page .hero-section .hero-content .hero-text .hero-title{font-size:36px}}.home-page .hero-section .hero-content .hero-text .hero-description{font-size:14px;margin-bottom:24px}@media(min-width:768px){.home-page .hero-section .hero-content .hero-text .hero-description{font-size:16px}}.home-page .hero-section .hero-content .hero-text .hero-buttons{display:flex;margin-top:20px;gap:10px;flex-wrap:wrap}@media(max-width:480px){.home-page .hero-section .hero-content .hero-text .hero-buttons{gap:8px}.home-page .hero-section .hero-content .hero-text .hero-buttons .landing-btn{min-width:0;flex:1;font-size:12px!important;padding:8px 4px!important}}.home-page .hero-section .hero-image{width:90%;display:flex;justify-content:center;align-items:center;margin:20px;position:relative;z-index:1}@media(min-width:768px){.home-page .hero-section .hero-image{width:50%}}.home-page .hero-section .hero-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.home-page .section-anchor{padding:40px 20px}@media(min-width:768px){.home-page .section-anchor{padding:60px 30px}}.home-page .section-anchor.section-gray{background-color:#f8f9fa}.home-page .section-anchor.section-white{background-color:#fff}.home-page .section-anchor .section-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-direction:column}@media(min-width:768px){.home-page .section-anchor .section-container{gap:30px;flex-direction:row}.home-page .section-anchor.section-reverse .section-container{flex-direction:row-reverse}}.home-page .section-anchor .content-image,.home-page .section-anchor .content-text{flex:1;max-width:100%}@media(min-width:768px){.home-page .section-anchor .content-image,.home-page .section-anchor .content-text{max-width:50%}}.home-page .section-anchor .content-image{display:flex;justify-content:center}.home-page .section-anchor .content-image .section-image{position:relative;width:100%;height:auto;max-width:500px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.home-page .section-anchor .section-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#6161ff}@media(min-width:768px){.home-page .section-anchor .section-title{font-size:32px}}.home-page .section-anchor .section-description{font-size:16px;line-height:1.6;margin-bottom:25px;color:#5a6c7d}@media(min-width:768px){.home-page .section-anchor .section-description{font-size:18px}}.home-page .section-anchor .features-list{margin-bottom:25px}.home-page .section-anchor .features-list .feature-item{display:flex;align-items:center;margin-bottom:12px}.home-page .section-anchor .features-list .feature-item .feature-bullet{width:8px;height:8px;border-radius:50%;background-color:#6161ff;margin-right:12px;flex-shrink:0}.home-page .section-anchor .features-list .feature-item .feature-text{font-size:16px;color:#5a6c7d}.home-page .advanced-features-section{padding:20px 0}@media(min-width:768px){.home-page .advanced-features-section{padding:60px 0}}.home-page .advanced-features-section .section-container{max-width:1200px;margin:0 auto;padding:0 20px;display:block}@media(min-width:768px){.home-page .advanced-features-section .section-container{padding:0 40px}}.home-page .advanced-features-section .section-header{text-align:center;margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto;padding:0 10px}@media(min-width:768px){.home-page .advanced-features-section .section-header{margin-bottom:70px}}.home-page .advanced-features-section .section-header .section-title{font-size:26px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);line-height:1.3}@media(min-width:768px){.home-page .advanced-features-section .section-header .section-title{font-size:42px;margin-bottom:24px}}.home-page .advanced-features-section .section-header .section-description{font-size:16px;line-height:1.8;max-width:700px;margin:0 auto}@media(min-width:768px){.home-page .advanced-features-section .section-header .section-description{font-size:18px}}.home-page .advanced-features-section .features-grid{display:grid;grid-template-columns:1fr;gap:35px;margin-bottom:40px}@media(min-width:768px){.home-page .advanced-features-section .features-grid{grid-template-columns:repeat(3,1fr);gap:35px}}@media(min-width:1024px){.home-page .advanced-features-section .features-grid{gap:40px}}.home-page .advanced-features-section .feature-card{padding:35px 30px;border-radius:16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.home-page .advanced-features-section .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.home-page .advanced-features-section .feature-card:hover{transform:translateY(-8px)}.home-page .advanced-features-section .feature-card:hover:before{opacity:1}.home-page .advanced-features-section .feature-card:hover .feature-mockup{transform:scale(1.02)}.home-page .advanced-features-section .feature-card .feature-mockup{width:100%;height:200px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s ease}@media(min-width:768px){.home-page .advanced-features-section .feature-card .feature-mockup{height:220px}}.home-page .advanced-features-section .feature-card .feature-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;padding:6px 16px;border-radius:20px}.home-page .advanced-features-section .feature-card .feature-badge .badge-dot{width:6px;height:6px;border-radius:50%;margin-right:8px}.home-page .advanced-features-section .feature-card .feature-badge .badge-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.home-page .advanced-features-section .feature-card .feature-title{font-size:22px;font-weight:700;margin-bottom:14px;line-height:1.3}@media(min-width:768px){.home-page .advanced-features-section .feature-card .feature-title{font-size:24px}}.home-page .advanced-features-section .feature-card .feature-description{font-size:15px;line-height:1.7}.home-page .advanced-features-section .duration-mockup{padding:20px 24px;border-radius:12px;min-width:220px;max-width:250px}.home-page .advanced-features-section .duration-mockup .time-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.home-page .advanced-features-section .duration-mockup .time-display .time{font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(99,102,241,.1)}.home-page .advanced-features-section .duration-mockup .duration-info{padding-top:10px}.home-page .advanced-features-section .duration-mockup .duration-info .duration-text{font-size:13px;margin-bottom:6px;padding:4px 8px;border-radius:6px}.home-page .advanced-features-section .duration-mockup .duration-info .duration-text.current{font-weight:700}.home-page .advanced-features-section .recording-mockup{padding:24px;border-radius:12px;min-width:240px;max-width:260px;text-align:center}.home-page .advanced-features-section .recording-mockup .recording-text{font-size:15px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.home-page .advanced-features-section .recording-mockup .recording-bar{height:36px;background-color:#f0f0f0;border-radius:8px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.home-page .advanced-features-section .recording-mockup .stop-button{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:24px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 4px 12px rgba(0,123,255,.3);transition:all .3s ease}.home-page .advanced-features-section .recording-mockup .stop-button:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,123,255,.4)}.home-page .advanced-features-section .recording-mockup .stop-button .record-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;margin-right:8px;animation:pulse 1.5s ease-in-out infinite}.home-page .advanced-features-section .participants-mockup{padding:18px;border-radius:12px;min-width:220px;max-width:250px}.home-page .advanced-features-section .participants-mockup .participants-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.home-page .advanced-features-section .participants-mockup .participants-header .header-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.home-page .advanced-features-section .participants-mockup .participants-header .participant-count{font-size:24px}.home-page .advanced-features-section .participants-mockup .participant-item{display:flex;align-items:center;margin-bottom:5px;padding:3px 6px;border-radius:8px;transition:background .2s ease}.home-page .advanced-features-section .participants-mockup .participant-item:last-child{margin-bottom:0}.home-page .advanced-features-section .participants-mockup .participant-item .avatar{width:24px;height:24px;background-color:#ff6b6b;border-radius:50%;margin-right:12px;flex-shrink:0;box-shadow:0 2px 8px rgba(255,107,107,.3)}.home-page .advanced-features-section .participants-mockup .participant-item .name{font-size:13px;flex:1;font-weight:600}.home-page .advanced-features-section .participants-mockup .participant-item .status{font-size:10px;padding:4px 10px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}