*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#fff;min-height:100vh;padding:0 0 90px;color:#1a1a1a;letter-spacing:normal}.container{width:100%;margin:0;background:#fff}.jukebox-layout{display:flex;min-height:calc(100vh - 200px);max-width:1200px;margin:0 auto}.jukebox-sidebar{width:320px;background:#fafafa;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0}.jukebox-main-content{flex:1 1;overflow-y:auto;background:#fff}.sidebar-header{padding:20px;border-bottom:1px solid #e8e8e8;justify-content:space-between}.sidebar-header,.sidebar-title{display:flex;align-items:center}.sidebar-title{font-family:Inter,sans-serif;font-size:1.1em;font-weight:500;color:#1a1a1a;margin:0;gap:8px}.sidebar-title i{font-size:1.2em;color:#65a6f3}.sidebar-add-btn{width:32px;height:32px;border-radius:50%;background:#65a6f3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.sidebar-add-btn:hover{background:#5592df;transform:scale(1.05)}.sidebar-search{padding:16px 20px;position:relative;border-bottom:1px solid #e8e8e8}.sidebar-search i{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.sidebar-search-input{width:100%;padding:10px 16px 10px 36px;border:1.5px solid #e8e8e8;border-radius:8px;font-family:Inter,sans-serif;font-size:.9em;background:#fff;color:#1a1a1a;transition:all .2s ease}.sidebar-search-input:focus{outline:none;border-color:#65a6f3;box-shadow:0 0 0 3px rgba(101,166,243,.1)}.sidebar-filters{padding:16px 20px;display:flex;gap:8px;border-bottom:1px solid #e8e8e8}.sidebar-filter-btn{flex:1 1;padding:8px 12px;border:1.5px solid #e8e8e8;border-radius:8px;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.85em;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.sidebar-filter-btn:hover{border-color:#65a6f3;background:rgba(101,166,243,.05);color:#65a6f3}.sidebar-filter-btn i{font-size:14px}.sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.sidebar-item{padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background:#fff;border:1px solid transparent}.sidebar-item:hover{background:#f5f5f5;border-color:#e8e8e8}.sidebar-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.sidebar-item-label{font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.sidebar-item-label,.sidebar-item-level{font-family:Inter,sans-serif;font-size:10px}.sidebar-item-level{color:#999}.sidebar-item-title{font-family:Inter,sans-serif;font-size:.95em;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.sidebar-item-description{font-family:Inter,sans-serif;font-size:.8em;color:#666;margin:0;line-height:1.4}.form-container-wrapper{flex:1 1;overflow-y:auto;background:#fff}.jukebox-songs-list{max-width:1200px;margin:0 auto}.songs-list-container{display:flex;flex-direction:column;gap:8px}.song-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;transition:all .2s ease;cursor:pointer}.song-list-item:hover{background:#fafafa;border-color:#65a6f3;transform:translateX(4px)}.song-list-art{width:56px;height:56px;flex-shrink:0;border-radius:8px;overflow:hidden}.song-art-placeholder{width:100%;height:100%;border-radius:8px}.song-list-info{flex:1 1;min-width:0}.song-list-title{font-family:Inter,sans-serif;font-size:1em;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.song-list-meta{font-family:Inter,sans-serif;font-size:.85em;color:#666;margin:0;line-height:1.4}.song-list-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.song-list-like-btn,.song-list-more-btn,.song-list-play-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid #e8e8e8;background:#fff;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.song-list-play-btn:hover{background:#65a6f3;border-color:#65a6f3;color:#fff;transform:scale(1.1)}.song-list-like-btn:hover{border-color:#65a6f3;background:rgba(101,166,243,.05);color:#65a6f3}.song-list-more-btn:hover{border-color:#1a1a1a;background:#f5f5f5}.song-list-like-btn.active{background:#65a6f3;border-color:#65a6f3;color:#fff}@media (max-width:768px){.jukebox-header{padding:32px 24px 20px!important}.jukebox-songs-list{padding:0 24px 40px!important}.song-list-item{padding:10px 12px;gap:12px}.song-list-art{width:48px;height:48px}.song-list-title{font-size:.95em}.song-list-meta{font-size:.8em}.song-list-actions{gap:6px}.song-list-like-btn,.song-list-more-btn,.song-list-play-btn{width:32px;height:32px;font-size:14px}}.navbar{background:#fff;border-bottom:1px solid #e8e8e8;padding:0}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px}.nav-brand{font-family:Inter,sans-serif;font-size:1.2em;font-weight:700;color:#65a6f3;letter-spacing:-.02em;text-decoration:none;grid-column:1;justify-self:start;cursor:pointer;transition:opacity .2s ease}.nav-brand:hover{opacity:.7}.nav-links{display:flex;align-items:center;gap:24px;justify-content:center;grid-column:2}.nav-link{font-family:Inter,sans-serif;font-size:.95em;color:#1a1a1a;text-decoration:none;font-weight:400;transition:color .2s ease}.nav-link:hover{color:#666}.nav-auth-buttons{display:flex;align-items:center;gap:12px;grid-column:3;justify-self:end}.nav-login-btn{font-family:Inter,sans-serif;font-size:.9em;font-weight:600;padding:10px 20px;background:#fff;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:50px;cursor:pointer;transition:all .2s ease}.nav-login-btn:hover{border-color:#1a1a1a;background:#fafafa}.nav-signup-btn{font-family:Inter,sans-serif;font-size:.9em;font-weight:600;padding:10px 20px;background:#65a6f3;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background .2s ease}.nav-signup-btn:hover{background:#5592df}.nav-user-btn{font-family:Inter,sans-serif;font-size:.9em;font-weight:600;padding:10px 20px;background:#fff;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:50px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.nav-user-btn:hover{border-color:#1a1a1a;background:#fafafa}.nav-user-btn i{font-size:1em}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-menu span{width:100%;height:2px;background:#1a1a1a;border-radius:2px;transition:all .3s ease}.burger-menu.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:1000;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:flex;opacity:1}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;padding:40px 24px}.mobile-nav-link{font-family:Inter,sans-serif;font-size:1.5em;color:#1a1a1a;text-decoration:none;font-weight:400;transition:color .2s ease}.mobile-nav-link:hover{color:#666}.mobile-login-btn{font-family:Inter,sans-serif;font-size:1.1em;font-weight:600;padding:14px 32px;background:#fff;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:50px;cursor:pointer;transition:all .2s ease;margin-top:16px;width:100%;max-width:300px}.mobile-login-btn:hover{border-color:#1a1a1a;background:#fafafa}.mobile-signup-btn{font-family:Inter,sans-serif;font-size:1.1em;font-weight:600;padding:14px 32px;background:#65a6f3;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background .2s ease;margin-top:16px;width:100%;max-width:300px}.mobile-signup-btn:hover{background:#5592df}.mobile-user-btn{font-family:Inter,sans-serif;font-size:1.1em;font-weight:600;padding:14px 32px;background:#fff;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:50px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px}.mobile-user-btn:hover{border-color:#1a1a1a;background:#fafafa}.mobile-user-btn i{font-size:1em}@media (max-width:768px){.nav-links,.nav-login-btn,.nav-signup-btn{display:none}.burger-menu{display:flex;grid-column:3;justify-self:end;align-self:center}.nav-container{padding:16px 20px;grid-template-columns:auto 1fr auto;align-items:center}.nav-brand{grid-column:1;align-self:center}.nav-auth-buttons{grid-column:2;display:none}}header{background:transparent;padding:30px 40px;border-bottom:none}.logo{font-family:Inter,sans-serif;font-size:1.2em;font-weight:600;color:#1a1a1a;letter-spacing:-.02em;text-align:center}.search-section{padding:60px 20px 40px;max-width:900px;margin:0 auto}.search-container{width:100%}.animated-text-container{text-align:center;margin-bottom:24px;min-height:100px;display:flex;align-items:center;justify-content:center;padding:0 20px}.animated-text{color:#1a1a1a;line-height:1.3;max-width:100%;word-wrap:break-word;white-space:normal;text-align:center;letter-spacing:-.5px}.animated-cursor,.animated-text{font-family:Inter,sans-serif;font-size:32px;font-weight:700;display:inline-block;transition:opacity .1s ease}.animated-cursor{color:#65a6f3;animation:blink 1s infinite;margin-left:6px;vertical-align:baseline}.animated-text-subtitle{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#666;text-align:center;margin-top:12px;margin-bottom:24px;line-height:1.5}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;margin-bottom:16px}.search-input{width:100%;padding:16px 20px;border:2px solid #5592df;border-radius:50px;font-family:Inter,sans-serif;font-size:18px;font-weight:500;text-align:center;background:#fff;color:#1a1a1a;transition:all .2s ease;outline:none;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.search-input:focus{border-color:#65a6f3;box-shadow:0 0 0 3px rgba(101,166,243,.1)}.search-input::placeholder{color:#999;font-weight:500}.search-generate-btn{width:100%;padding:12px 24px;background:#5592df;color:#fff;border:none;border-radius:50px;font-family:Inter,sans-serif;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-generate-btn:hover{background:#5592df;transform:scale(1.02)}.search-generate-btn:active{transform:scale(.98)}.hero-section{text-align:center;padding:40px 0 0;max-width:800px;margin:0 auto}.hero-tagline{font-size:14px;font-weight:500;background:rgba(101,166,243,.1);padding:8px 20px;margin-bottom:16px;text-align:center;display:inline-block;position:relative;cursor:help}.hero-tagline,.hero-tagline-tooltip{font-family:Inter,sans-serif;color:#65a6f3;border-radius:50px}.hero-tagline-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(5px);background:#e8f0fa;padding:16px 20px;font-size:12px;font-weight:400;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:600px;white-space:normal;text-align:left;line-height:1.8}.hero-tagline:hover .hero-tagline-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.hero-tagline-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:-1px;border:6px solid transparent;border-bottom-color:#e8f0fa}.hero-tagline-tooltip-languages{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px 16px;gap:8px 16px;margin:0}.hero-tagline-tooltip-language{display:flex;align-items:center;gap:6px;font-size:12px;color:#65a6f3;white-space:nowrap}.hero-tagline-tooltip-language>span:first-child{font-size:18px;line-height:1;display:inline-block;vertical-align:middle;min-width:24px;text-align:center}.hero-tagline-tooltip-flag{font-size:18px;line-height:1;display:inline-block;vertical-align:middle;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif}.hero-headline{--framer-letter-spacing:-2.3px;--framer-line-height:1.05em;--framer-paragraph-spacing:0px;font-size:62px;font-weight:500;color:#1a1a1a;line-height:62px;margin-bottom:16px;letter-spacing:-2px}.hero-description,.hero-headline{font-family:Inter,sans-serif;text-align:center;max-width:100%;margin-left:auto;margin-right:auto}.hero-description{font-size:18px;color:#666;margin-bottom:24px;line-height:28px}.hero-cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hero-cta-btn{font-family:Inter,sans-serif;font-size:1em;font-weight:600;padding:14px 32px;background:#65a6f3;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background .2s ease;display:inline-block;text-decoration:none}.hero-cta-btn:hover{background:#5592df}.hero-demo-btn{font-family:Inter,sans-serif;font-size:1em;font-weight:600;padding:14px 32px;background:#e8e8e8;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:50px;cursor:pointer;transition:all .2s ease;display:inline-block;text-decoration:none}.hero-demo-btn:hover{background:#d0d0d0;border-color:#d0d0d0}.social-proof{justify-content:center;gap:12px}.avatar-group,.social-proof{display:flex;align-items:center}.avatar,.avatar-group{position:relative}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#e8e8e8;margin-left:-8px;object-fit:cover;display:block}.avatar:first-child{margin-left:0}.social-proof:hover .avatar:before{content:"❤️";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:16px;animation:heartFloat 1.5s ease-out forwards;pointer-events:none;z-index:10}.social-proof:hover .avatar:first-child:before{animation-delay:0s}.social-proof:hover .avatar:nth-child(2):before{animation-delay:.2s}.social-proof:hover .avatar:nth-child(3):before{animation-delay:.4s}@keyframes heartFloat{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.5)}50%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.8)}}.social-proof-text{font-family:Inter,sans-serif;font-size:14px;color:#666;margin:0}.hero-description strong{color:#1a1a1a;font-weight:700}.gradient-slider-section{width:100%;padding:60px 0;background:#fff;overflow:hidden;position:relative}.gradient-slider-container{width:100%;margin:0;overflow:hidden;position:relative}.gradient-slider-wrapper{display:flex;width:-moz-fit-content;width:fit-content;gap:16px;animation:slideLeft 150s linear infinite;will-change:transform}.gradient-slider-container:hover .gradient-slider-wrapper{animation-play-state:paused}.gradient-slider-track{display:flex;gap:16px;width:-moz-fit-content;width:fit-content;flex-shrink:0}.gradient-rectangle{width:220px;height:360px;border-radius:12px;flex-shrink:0;background:linear-gradient(180deg,#4a4a4a,#2a2a2a);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;box-sizing:border-box;position:relative;color:#fff;overflow:hidden}.gradient-rectangle:before{background-image:url(https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=400&h=600&fit=crop);background-size:cover;background-position:50%;opacity:.5;z-index:0}.gradient-rectangle:after,.gradient-rectangle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px}.gradient-rectangle:after{background:linear-gradient(180deg,#4a4a4a,#2a2a2a);z-index:1}.gradient-rectangle-content{display:flex;flex-direction:column;gap:8px;width:100%;position:relative;z-index:2}.gradient-rectangle-title{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;line-height:1.3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.gradient-rectangle-languages,.gradient-rectangle-plays,.gradient-rectangle-type{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#e0e0e0;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.gradient-rectangle-play-btn{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:50%;background:transparent;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:3;font-size:10px;font-weight:900;box-shadow:none;-webkit-text-stroke:.5px #fff;text-shadow:none}.gradient-rectangle:hover .gradient-rectangle-play-btn{opacity:1;transform:scale(1)}.gradient-rectangle-play-btn:hover{background:transparent;transform:scale(1.1)}.gradient-rectangle:nth-child(2n):after{background:linear-gradient(180deg,#4a2f4a,#2a152a)}.gradient-rectangle:nth-child(3n):after{background:linear-gradient(180deg,#2f2f4a,#152a2f)}.gradient-rectangle:nth-child(4n):after{background:linear-gradient(180deg,#2f4a2f,#152a15)}.gradient-rectangle:nth-child(5n):after{background:linear-gradient(180deg,#4a2f2f,#2a1515)}.gradient-rectangle:nth-child(6n):after{background:linear-gradient(180deg,#2f2f4a,#15152a)}.gradient-rectangle:nth-child(7n):after{background:linear-gradient(180deg,#3a3a3a,#252525)}.gradient-rectangle:nth-child(8n):after{background:linear-gradient(180deg,#4a2f2f,#2a1515)}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.gradient-slider-section{padding:40px 0}.gradient-rectangle{width:165px;height:270px}.gradient-slider-wrapper{animation-duration:100s}.gradient-slider-track{gap:12px}.video-player-section{padding:60px 0}.video-player-container{padding:0 24px}.video-player-header{margin-bottom:32px}}.video-player-section{width:100%;padding:100px 0;background:#fff}.video-player-container{max-width:1200px;margin:0 auto;padding:0 40px}.video-player-header{text-align:center;margin-bottom:40px}.video-player-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em}.video-wrapper{width:100%;max-width:100%;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}.video-player{width:100%;height:auto;display:block;background:#000}.features-section{padding:100px 0;width:100%;background:#f5f5f5;margin-top:80px;margin-left:0;margin-right:0}.features-header{text-align:center;margin-bottom:64px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 40px}.features-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.features-title{font-family:Inter,sans-serif;font-size:48px;font-weight:500;color:#1a1a1a;line-height:1.1;margin-bottom:16px;letter-spacing:0}.features-subtitle{font-family:Inter,sans-serif;font-size:1.1em;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:1200px;margin:0 auto;padding:0 40px}.feature-card{background:#fff;border:none;border-radius:12px;padding:24px;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.feature-card-title{font-family:Inter,sans-serif;font-size:1.1em;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.feature-card-title i{font-size:1.2em;color:#1a1a1a;flex-shrink:0}.feature-card-description{font-family:Inter,sans-serif;font-size:.9em;color:#666;line-height:1.6;margin:0}main{padding:0 40px;max-width:900px;margin:0 auto}.form-container{width:100%;background:transparent;padding:30px 0;margin:0}.composer-unified-container{max-width:900px;margin:0 auto;background:#fff;border:none;border-radius:8px;padding:40px 32px;position:relative}.form-container #musicForm{max-width:100%;margin:0}#musicForm,.form-container #musicForm{padding:0;border:none;background:transparent}#musicForm{border-radius:0;position:relative}.composer-unified-container #musicForm{margin:0;padding:0}.form-group{margin-bottom:25px;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center}.form-row{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.step-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;position:relative}.step-progress:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e8e8e8;z-index:0}.step-indicator{position:relative;z-index:1;flex-direction:column;gap:8px}.step-indicator,.step-number{display:flex;align-items:center}.step-number{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e8e8e8;justify-content:center;font-weight:600;transition:all .3s ease}.step-label,.step-number{color:#999;font-family:Inter,sans-serif}.step-label{font-size:.85em;text-align:center}.step-indicator.active .step-number{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.step-indicator.active .step-label{color:#1a1a1a;font-weight:600}.step-indicator.completed .step-number{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.step-indicator.completed .step-label{color:#1a1a1a}.form-step{display:none;animation:fadeIn .3s ease}.form-step.active{display:block}.step-actions{gap:12px;margin-top:30px}.btn-secondary,.step-actions{display:flex;justify-content:center;align-items:center}.btn-secondary{padding:14px 24px;background:#fff;color:#1a1a1a;border:2px solid #e8e8e8;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease;gap:8px;font-family:Inter,sans-serif;min-width:180px}.btn-secondary:hover:not(:disabled){border-color:#1a1a1a;background:#fafafa;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{min-width:140px}.btn-arrow{width:auto;height:auto;border:none;border-radius:0;font-size:1.5em;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;background:transparent;color:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:8px;line-height:1}.btn-arrow:hover:not(:disabled){color:#666;transform:scale(1.1)}.btn-arrow:disabled{opacity:.3;cursor:not-allowed;color:#ccc}.btn-arrow:disabled:hover{color:#ccc;transform:none}.step-actions .btn-primary{min-width:180px;width:auto}.language-toggle-container{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:24px;gap:0;justify-content:center}.language-toggle-btn{font-family:Inter,sans-serif;font-size:.9em;font-weight:500;padding:8px 16px;background:transparent;color:#999;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.language-toggle-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 2px rgba(0,0,0,.05)}.language-toggle-btn:hover:not(.active){color:#666}.start-over-btn{position:absolute;top:24px;left:24px;width:48px;height:48px;border-radius:50%;background:#fff;color:#1a1a1a;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;font-family:Inter,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.1)}.start-over-btn:hover{background:#fafafa;transform:rotate(180deg);box-shadow:0 4px 12px rgba(0,0,0,.15)}.start-over-btn i{font-size:inherit;color:inherit}.label-with-arrows,.start-over-btn i{display:flex;align-items:center;justify-content:center}.label-with-arrows{gap:16px;margin-bottom:24px}label{display:block;margin:0;font-weight:500;color:#1a1a1a;font-size:1.3em;font-family:Inter,sans-serif;text-align:center;flex:1 1}.music-genre-label{margin-bottom:32px;font-size:18px}.form-group>label{margin-bottom:32px}input[type=text],select{width:100%;padding:14px 18px;border:1.5px solid #e8e8e8;border-radius:8px;font-size:1em;font-weight:500;transition:all .3s ease;background:#fff;font-family:Inter,sans-serif;color:#1a1a1a}input[type=text]:focus,select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.pill-button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center;align-items:center}.pill-button-group-single-column{flex-direction:column;align-items:stretch}.pill-button-group-single-column .pill-btn{width:100%;text-align:center}.pill-btn{padding:10px 20px;border:2px solid #e8e8e8;border-radius:8px;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pill-btn:hover{border-color:#1a1a1a;background:#fafafa;color:#1a1a1a}.pill-btn.active{background:#65a6f3;color:#fff;border-color:#65a6f3}.pill-btn.active:hover{background:#5592df;border-color:#5592df}input[type=text]::placeholder{color:#999}.btn-primary{width:100%;padding:16px 24px;background:#65a6f3;color:#fff;border:none;border-radius:8px;font-size:1.05em;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Inter,sans-serif;letter-spacing:-.01em}.btn-primary:hover:not(:disabled){background:#5592df;transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,26,26,.15)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#65a6f3}.loader{width:18px;height:18px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.status-message{margin-top:24px;padding:16px 20px;border-radius:10px;font-weight:500;font-family:Inter,sans-serif;font-size:.95em}.composer-unified-container .status-message{margin-top:24px}.status-message.info,.status-message.success{background:#f0f7ff;color:#1a1a1a;border:1px solid #e0e8f0}.status-message.error{background:#fff5f5;color:#8b2e2e;border:1px solid #f5d0d0}.generating-container{text-align:center;padding:40px 20px}.musical-note-spinner{font-size:4em;color:#1a1a1a;animation:spin 2s linear infinite,bounce 1s ease-in-out infinite;display:inline-block;margin-bottom:20px}.musical-note-spinner i{display:inline-block;color:inherit}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.generating-container h3{color:#1a1a1a;font-family:Inter,sans-serif;font-weight:600;font-size:1.5em;margin:20px 0 10px}.generating-message{color:#666;font-family:Inter,sans-serif;font-size:1.1em;margin-top:15px;font-style:italic;transition:opacity .3s ease}.lyrics-preview{margin-top:30px;padding:24px;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.lyrics-preview h3{margin-bottom:16px;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:600;font-size:1.1em}.lyrics-preview pre{white-space:pre-wrap;font-family:Inter,sans-serif;line-height:1.7;color:#444;font-size:.95em}.result{margin-top:24px;padding:24px;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.composer-unified-container .result{margin-top:24px;background:transparent;border:none;padding:24px 0}.result h3{margin-bottom:16px;color:#1a1a1a;font-weight:600;font-size:1.1em}.result h3,.result p{font-family:Inter,sans-serif}.result p{color:#666;margin-bottom:12px;font-size:.95em}.result audio{width:100%}.result a,.result audio{margin-top:16px;border-radius:8px}.result a{display:inline-block;padding:12px 24px;background:#1a1a1a;color:#fff;text-decoration:none;font-weight:600;font-family:Inter,sans-serif;transition:all .2s ease}.result a:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,26,26,.15)}.progress-bar-container{margin-top:20px}.progress-bar{width:100%;height:24px;background:#e8e8e8;border-radius:12px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#1a1a1a,#333);border-radius:12px;width:0;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75em;font-weight:600}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:#666;font-family:Inter,sans-serif}.time-remaining{color:#1a1a1a;font-weight:600}.music-player-container{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid #333;box-shadow:0 -2px 10px rgba(0,0,0,.3);z-index:1000;padding:12px 0;margin-top:0;display:block;width:100%;box-sizing:border-box;height:90px;transition:height .3s ease}.music-player-container.music-player-minimized{height:70px;padding:8px 0}.music-player-minimized-content{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:100%}.player-minimized-left{flex:1 1;min-width:0}.player-minimized-center,.player-minimized-left{display:flex;align-items:center;gap:12px}.player-minimize-btn{position:absolute;top:8px;right:20px;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s ease;font-size:18px;z-index:10}.player-minimize-btn:hover{background:hsla(0,0%,100%,.1)}.music-player-full{width:100%}.music-player{background:#000;border:none;border-radius:0;padding:0 40px;box-shadow:none;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:30% 40% 30%;align-items:center;grid-gap:16px;gap:16px;height:100%}.player-left{display:flex;align-items:center;gap:12px;min-width:0}.player-album-art{width:56px;height:56px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#f5f5f5}.album-art-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;opacity:.3}.player-track-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.player-title{font-weight:600;color:#fff;font-size:.95em}.player-artist,.player-title{margin:0;font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-weight:400;color:#b3b3b3;font-size:.85em}.player-favorite-controls{display:flex;gap:8px;flex-shrink:0}.player-icon-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e8e8e8;background:transparent;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300;transition:all .2s ease;font-family:Inter,sans-serif}.player-icon-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.player-center{display:flex;flex-direction:column;align-items:center;gap:8px}.player-main-controls{gap:16px}.player-control-icon,.player-main-controls{display:flex;align-items:center;justify-content:center}.player-control-icon{width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:18px;transition:all .2s ease;padding:0}.player-control-icon i{font-size:inherit;color:inherit;display:flex;align-items:center;justify-content:center}.player-control-icon:hover{color:#fff;transform:scale(1.1)}.player-control-icon.active{color:#fff}.play-pause-btn{width:40px;height:40px;border-radius:50%;background:#fff;color:#000;border:none;cursor:pointer;font-size:16px;transition:all .2s ease;flex-shrink:0;padding:0}.play-pause-btn,.play-pause-btn i{display:flex;align-items:center;justify-content:center}.play-pause-btn i{font-size:inherit;color:inherit}.play-pause-btn:hover{background:#e0e0e0;transform:scale(1.05)}.play-pause-btn:active{transform:scale(.95)}.player-progress-section{display:flex;align-items:center;gap:12px;width:100%;max-width:500px}.player-time-current,.player-time-total{font-size:.75em;color:#b3b3b3;font-family:Inter,sans-serif;font-weight:400;min-width:40px;text-align:center}.progress-container-player{flex:1 1;height:4px;background:#333;border-radius:2px;cursor:pointer;position:relative}.progress-bar-player{width:100%;height:100%;position:relative}.progress-fill-player{height:100%;background:#fff;border-radius:2px;width:0;transition:width .1s linear}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:100%}.player-option-icon{width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:18px;transition:all .2s ease;padding:0}.player-option-icon,.player-option-icon i{display:flex;align-items:center;justify-content:center}.player-option-icon i{font-size:inherit;color:inherit}.player-option-icon:hover{color:#fff;transform:scale(1.1)}.player-volume-control{display:flex;align-items:center;gap:8px;margin-left:auto}.volume-slider-container{width:100px}.volume-slider{width:100%;height:4px;background:#333;border-radius:2px;cursor:pointer;position:relative}.volume-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.music-player-container.empty-state .play-pause-btn{opacity:.5;cursor:not-allowed}.music-player-container.empty-state .player-control-icon,.music-player-container.empty-state .player-option-icon{color:#fff;cursor:not-allowed}.music-player-container.empty-state .player-title{color:#666;font-style:italic}.music-player-container.empty-state .player-artist{color:#4d4d4d}.music-player-container.expanded{max-height:70vh;overflow-y:auto}.lyrics-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:20px;background:#fff;overflow-y:auto;z-index:1001;box-sizing:border-box}.lyrics-close-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;border:2px solid #1a1a1a;border-radius:50%;background:#fff;color:#1a1a1a;font-size:28px;font-weight:300;line-height:1;cursor:pointer;z-index:1002;transition:all .2s ease;padding:0}.lyrics-close-btn,.lyrics-close-btn i{display:flex;align-items:center;justify-content:center}.lyrics-close-btn i{font-size:inherit;color:inherit}.lyrics-close-btn:hover{background:#1a1a1a;color:#fff}.lyrics-content{font-family:Inter,sans-serif;font-size:1.1em;line-height:1.8;color:#1a1a1a;text-align:center}.lyrics-section,.lyrics-section-marker{font-weight:600;color:#1a1a1a;margin:20px 0 10px;font-size:.9em;text-transform:uppercase;letter-spacing:.05em}.lyrics-paragraph-break{height:16px;margin:8px 0}.lyrics-line{margin:8px 0;padding:4px 0;display:block;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.lyrics-word{transition:all .2s ease;display:inline-block;position:relative}.lyrics-word,.lyrics-word.active{padding:2px 4px;border-radius:4px}.lyrics-word.active{background:#1a1a1a!important;color:#fff!important;font-weight:600;z-index:1}@media (max-width:768px){.jukebox-layout{flex-direction:column}.jukebox-sidebar{width:100%;border-right:none;border-bottom:1px solid #e8e8e8;max-height:300px}.form-row{grid-template-columns:1fr}.search-section{padding:40px 20px 30px}.animated-text-container{min-height:90px;margin-bottom:20px;padding:0 10px}.animated-text{font-size:24px;line-height:1.3}.animated-cursor{font-size:24px;margin-left:4px}.search-input{padding:14px 18px;font-size:18px;font-weight:500;text-align:center}.search-generate-btn{padding:10px 20px;font-size:.9em}.hero-section{padding:30px 0 40px}.hero-headline{font-size:42px;letter-spacing:normal;line-height:1.2}.hero-description{font-size:1em}.hero-cta-buttons{gap:12px}.hero-cta-btn,.hero-demo-btn{font-size:.95em;padding:12px 28px}.social-proof{flex-direction:column;gap:8px}.social-proof-text{font-size:.85em}.hero-tagline-tooltip{max-width:90vw;font-size:11px;padding:12px 16px}.hero-tagline-tooltip-languages{grid-template-columns:repeat(2,1fr);gap:6px 12px}.features-section{padding:60px 0;margin-top:60px}.features-header{padding:0 24px;margin-bottom:48px}.features-title{font-size:32px}.features-subtitle{font-size:1em}.features-grid{grid-template-columns:1fr;gap:20px;padding:0 24px}.feature-card{padding:20px}.feature-card-title{font-size:1em}header{padding:20px 24px}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px}.features-header{padding:0 24px}main{padding:24px}.form-container{padding:30px 24px}.form-container #musicForm{padding:24px}.container{padding:0}.step-progress{flex-wrap:wrap;gap:10px;padding:15px 0}.step-indicator{flex:1 1;min-width:50px}.step-label{font-size:.7em}.step-number{width:32px;height:32px;font-size:.85em}.step-actions{flex-direction:column}.btn-next,.btn-prev{width:100%;margin:0}}.tracks-slider-container{margin-top:60px;padding:40px 0;border-top:1px solid #e8e8e8}.tracks-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 40px}.tracks-slider-title{font-family:Inter,sans-serif;font-size:32px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.slider-nav-buttons{display:flex;gap:8px}.slider-nav-btn{width:40px;height:40px;border-radius:50%;border:2px solid #e8e8e8;background:#fff;color:#1a1a1a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Inter,sans-serif}.slider-nav-btn:hover:not(:disabled){border-color:#1a1a1a;background:#1a1a1a;color:#fff}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tracks-slider-wrapper{overflow:hidden;position:relative;padding:0 40px}.tracks-slider{display:flex;gap:24px;transition:transform .4s ease;will-change:transform}.track-card{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 16px);min-width:280px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#1a1a1a}.track-art{width:100%;height:280px;position:relative;overflow:hidden;flex-shrink:0}.track-art-placeholder{width:100%;height:100%;background-size:cover;background-position:50%;position:relative}.track-art-placeholder:after{content:"🎵";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;opacity:.2}.track-play-overlay{position:absolute;top:12px;left:12px;width:40px;height:40px;background:hsla(0,0%,100%,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease;z-index:2}.track-card:hover .track-play-overlay{background:#1a1a1a;color:#fff;transform:scale(1.1)}.track-metadata{padding:16px;flex:1 1;display:flex;flex-direction:column;gap:4px}.track-title{font-size:1.1em;font-weight:600;color:#1a1a1a;letter-spacing:-.01em;line-height:1.3}.track-artist,.track-title{font-family:Inter,sans-serif;margin:0}.track-artist{font-size:.9em;color:#666;line-height:1.4}.track-stats{display:flex;align-items:center;gap:12px;padding:0 16px 16px;margin-top:auto}.track-like-btn,.track-play-btn{background:transparent;border:none;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.9em;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;transition:all .2s ease}.track-like-btn:hover,.track-play-btn:hover{background:#f5f5f5}.track-likes,.track-views{font-size:.9em;color:#666}@media (max-width:768px){.tracks-slider-container{margin-top:40px;padding:30px 0}.tracks-slider-header{padding:0 24px;margin-bottom:24px}.tracks-slider-title{font-size:24px}.tracks-slider-wrapper{padding:0 24px}.track-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 12px);min-width:260px}.track-art{height:240px}.track-metadata{padding:12px}.track-stats{padding:0 12px 12px}.track-title{font-size:1em}.track-artist{font-size:.85em}.slider-nav-buttons{display:none}.music-player-container{display:none!important}}@media (min-width:769px) and (max-width:1024px){.track-card{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 12px)}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:12px;width:90%;max-width:1000px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-height:85vh;display:flex;flex-direction:column}.modal-header{padding:24px 30px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:600;font-size:1.5em}.modal-close{background:none;border:none;font-size:2em;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f0f0f0;color:#1a1a1a}.modal-body{padding:30px;overflow-y:auto;flex:1 1}.prompts-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:20px}.prompt-column{display:flex;flex-direction:column}.prompt-column label{margin-bottom:10px;color:#1a1a1a;font-weight:600;font-size:.95em}.prompt-textarea{width:100%;padding:14px;border:1.5px solid #e8e8e8;border-radius:8px;font-size:.95em;font-family:Inter,sans-serif;resize:vertical;min-height:300px;line-height:1.6;color:#1a1a1a;background:#fff;transition:all .3s ease}.prompt-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.prompt-textarea[readonly]{background:#fafafa;cursor:not-allowed;color:#1a1a1a}.prompt-textarea[readonly]:focus{border-color:#e8e8e8;box-shadow:none}@media (max-width:768px){.prompts-container{grid-template-columns:1fr}.modal-content{width:95%;margin:2% auto;max-height:95vh}.modal-body,.modal-header{padding:20px}}@media (max-width:480px){.hero-section{padding:24px 0 32px}.hero-headline{font-size:2.2em;letter-spacing:normal;line-height:1.3}header{padding:16px 20px}main{padding:20px}.form-container{padding:30px 20px}.form-container #musicForm{padding:20px}.modal-content{width:100%;margin:0;max-height:100vh}.modal-content,.modal-header{border-radius:0}}.site-footer{background:#1a1a1a;color:#fff;padding:80px 0 90px;margin-top:0}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:grid;grid-template-columns:300px 1fr;grid-gap:80px;gap:80px;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{gap:12px}.footer-logo,.footer-logo-icon{display:flex;align-items:center}.footer-logo-icon{width:40px;height:40px;justify-content:center;background:#fff;color:#0a0a0a;border-radius:8px;font-size:24px}.footer-brand-name,.footer-logo-icon{font-weight:700;font-family:Inter,sans-serif}.footer-brand-name{font-size:28px;color:#fff}.footer-tagline{color:#b3b3b3;line-height:1.5;margin:0}.footer-cta-btn,.footer-tagline{font-family:Inter,sans-serif;font-size:14px}.footer-cta-btn{font-weight:600;padding:12px 24px;background:#65a6f3;color:#fff;border:none;border-radius:50px;text-decoration:none;display:inline-block;width:-moz-fit-content;width:fit-content;transition:background .2s ease}.footer-cta-btn:hover{background:#5592df}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:40px;gap:40px}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link{font-family:Inter,sans-serif;font-size:14px;color:#b3b3b3;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{margin-top:40px}.footer-separator{height:1px;background:#333;margin-bottom:32px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-family:Inter,sans-serif;font-size:12px;color:#666;margin:0}.footer-social{display:flex;gap:16px;align-items:center}.footer-social-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#666;text-decoration:none;font-size:20px;transition:color .2s ease}.footer-social-icon:hover{color:#fff}@media (max-width:1024px){.footer-content{grid-template-columns:1fr;gap:60px}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px}}@media (max-width:768px){.site-footer{padding:60px 0 32px}.footer-container{padding:0 24px}.footer-content{gap:48px;margin-bottom:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px}.footer-bottom-content{flex-direction:column;gap:24px;align-items:flex-start}.footer-social{width:100%;justify-content:flex-start}}.testimonials-section{width:100%;padding:100px 0;background:#fff}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 40px}.testimonials-header{text-align:center;margin-bottom:64px}.testimonials-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.testimonials-title{font-family:Inter,sans-serif;font-size:48px;font-weight:500;color:#1a1a1a;line-height:1.1;margin-bottom:16px;letter-spacing:0}.testimonials-subtitle{font-family:Inter,sans-serif;font-size:1.1em;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.testimonial-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.twitter-card{display:flex;flex-direction:column}.testimonial-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative}.testimonial-avatar-wrapper{flex-shrink:0}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:50%;flex-shrink:0}.testimonial-avatar.avatar-1{background-image:url(/Avatars/avatar-1.png);background-size:cover;background-position:50%}.testimonial-avatar.avatar-2{background-image:url(/Avatars/avatar-2.png);background-size:cover;background-position:50%}.testimonial-avatar.avatar-3{background-image:url(/Avatars/avatar-3.png);background-size:cover;background-position:50%}.testimonial-avatar.avatar-4{background-image:url(/Avatars/avatar-4.png);background-size:cover;background-position:50%}.testimonial-avatar.avatar-5{background-image:url(/Avatars/avatar-5.png);background-size:cover;background-position:50%}.testimonial-user-info{flex:1 1;min-width:0}.testimonial-name{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.testimonial-handle{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#666}.testimonial-twitter-icon{color:#1da1f2;flex-shrink:0;margin-left:auto}.testimonial-text{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#1a1a1a;line-height:1.5;margin-bottom:0}.star-card{display:flex;flex-direction:column}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px}.testimonial-footer{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.testimonial-footer .testimonial-avatar{width:32px;height:32px}.testimonial-footer .testimonial-name{font-size:14px;font-weight:500;margin-bottom:0}@media (max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.testimonials-section{padding:60px 0}.testimonials-container{padding:0 20px}.testimonials-title{font-size:36px;letter-spacing:-2px}.testimonials-subtitle{font-size:1em}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:20px}}.faq-section{width:100%;padding:80px 20px;background:#fff;display:flex;justify-content:center;align-items:center}.faq-container{max-width:800px;width:100%;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:48px 40px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.faq-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.5px}.faq-subtitle,.faq-title{font-family:Inter,sans-serif;text-align:center}.faq-subtitle{font-size:16px;font-weight:400;color:#666;margin:0 0 32px}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid #e8e8e8}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.faq-question:hover{opacity:.8}.faq-question-text{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;flex:1 1;padding-right:20px}.faq-chevron{font-size:20px;color:#1a1a1a;transition:transform .3s ease;flex-shrink:0}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{padding:0 0 20px;animation:fadeIn .3s ease}.faq-answer p{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#666;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-section{padding:60px 16px}.faq-container{padding:32px 24px;border-radius:8px}.faq-title{font-size:28px}.faq-subtitle{font-size:14px}.faq-question{padding:16px 0}.faq-question-text{font-size:15px;padding-right:16px}.faq-answer{padding:0 0 16px}.faq-answer p{font-size:14px}}[class*=cl-] input[type=email],[class*=cl-] input[type=number],[class*=cl-] input[type=password],[class*=cl-] input[type=tel],[class*=cl-] input[type=text],[class*=cl-] textarea{font-size:16px!important;font-family:Inter,sans-serif!important}[class*=cl-] input[type=email]::placeholder,[class*=cl-] input[type=password]::placeholder,[class*=cl-] input[type=tel]::placeholder,[class*=cl-] input[type=text]::placeholder{font-size:16px!important;font-family:Inter,sans-serif!important}.cl-formFieldInput,.cl-formInput,.cl-input,.cl-inputField{font-size:16px!important;font-family:Inter,sans-serif!important}.visibility-toggle-container{margin:24px 0;font-family:Inter,sans-serif}.visibility-toggle-label{display:block;margin-bottom:12px;font-size:.95em;font-weight:500;color:#1a1a1a}.visibility-toggle-wrapper{display:flex;gap:12px;align-items:center;justify-content:center}.visibility-toggle{padding:10px 20px;border:2px solid #e8e8e8;border-radius:50px;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;text-align:center}.visibility-toggle:hover{border-color:#1a1a1a;background:#fafafa;color:#1a1a1a}.visibility-toggle.active{background:#65a6f3;color:#fff;border-color:#65a6f3}.visibility-toggle.active:hover{background:#5592df;border-color:#5592df}.visibility-toggle-hint{font-size:.85em;color:#666;margin-top:8px;font-family:Inter,sans-serif}.search-visibility-container{margin:24px 0;display:flex;justify-content:center}.search-visibility-container .visibility-toggle-container{width:100%;max-width:400px;text-align:center}.composer-visibility-container{margin-top:24px}.composer-visibility-container .visibility-toggle-container{margin:0}.composer-unified-container h1,.form-container h1,.search-container h1{font-size:32px;font-weight:500;color:#1a1a1a;margin-bottom:32px;text-align:center;letter-spacing:-1px;font-family:Inter,sans-serif}.generating-modal{z-index:2000}.generating-modal-content{max-width:500px;padding:0;background:transparent;border:none;box-shadow:none}.generating-modal .generating-container{background:#fff;border-radius:16px;padding:60px 40px;box-shadow:0 8px 32px rgba(0,0,0,.12)}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}