.app-landing .landing-sections,.home-page{min-height:100vh}.home-page.landing-mode{background:linear-gradient(135deg,rgba(127,74,242,.05),rgba(66,82,255,.05))}.home-page.promotional-mode{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#666}.loading:after{content:"";width:20px;height:20px;border:2px solid #7f4af2;border-top-color:rgba(0,0,0,0);border-radius:50%;margin-left:10px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recommended-section{margin-bottom:40px;padding:0 20px}.recommended-section .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;margin-top:0}.top-chart-section{margin-bottom:40px;padding:0 20px}.top-chart-section .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;margin-top:0}.hero-section{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:80vh;text-align:center;padding:40px 20px}.hero-section .hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#7f4af2,#4252ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:768px){.hero-section .hero-title{font-size:2rem}}.hero-section .hero-subtitle{font-size:1.2rem;color:#666;margin-bottom:30px;max-width:600px}@media(max-width:768px){.hero-section .hero-subtitle{font-size:1rem}}.hero-section .hero-cta{background:linear-gradient(135deg,#7f4af2,#4252ff);color:#fff;padding:15px 30px;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.hero-section .hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(127,74,242,.3)}.features-section{padding:60px 20px;background:#fff}.features-section .container{max-width:1200px;margin:0 auto}.features-section .section-title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:50px;background:linear-gradient(135deg,#7f4af2,#4252ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px}.features-section .features-grid .feature-card{text-align:center;padding:30px 20px;border-radius:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:transform .3s ease}.features-section .features-grid .feature-card:hover{transform:translateY(-5px)}.features-section .features-grid .feature-card .feature-icon{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,#7f4af2,#4252ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.features-section .features-grid .feature-card .feature-title{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#333}.features-section .features-grid .feature-card .feature-description{color:#666;line-height:1.6}.coming-soon-section{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:60vh;text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.coming-soon-section .coming-soon-title{font-size:3rem;font-weight:700;margin-bottom:20px}@media(max-width:768px){.coming-soon-section .coming-soon-title{font-size:2rem}}.coming-soon-section .coming-soon-subtitle{font-size:1.2rem;margin-bottom:30px;opacity:.9;max-width:600px}@media(max-width:768px){.coming-soon-section .coming-soon-subtitle{font-size:1rem}}.coming-soon-section .coming-soon-description{font-size:1rem;opacity:.8;max-width:500px;line-height:1.6}.footer{background:#2d3436;color:#fff;padding:40px 20px;text-align:center}.footer .footer-content{max-width:1200px;margin:0 auto}.footer .footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px}@media(max-width:768px){.footer .footer-links{flex-direction:column;gap:15px}}.footer .footer-links a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer .footer-links a:hover{color:#fff}.footer .footer-copy{opacity:.7;font-size:.9rem}@media(max-width:768px){.coming-soon-section,.features-section,.hero-section{padding-left:15px;padding-right:15px}}.page_warning-block__LzvEK{margin-top:40px;margin-bottom:40px;max-width:860px}