:root{--primary-color:#FF6B6B;--secondary-color:#4ECDC4;--dark-color:#2C3E50;--light-color:#F7F9FC}html{scroll-behavior:smooth}.navbar{background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);padding:15px 0;transition:all 0.3s ease}body{padding-top:70px}.navbar-nav .nav-link{padding:8px 15px!important;color:#2C3E50;font-weight:500;transition:color 0.3s ease}.navbar-nav .nav-link:hover{color:#FF6B6B}.navbar-nav .nav-link.active{color:#FF6B6B}.navbar-nav .btn-primary{padding:8px 20px!important;margin-left:15px;border-radius:25px}@media (max-width:991px){.navbar-nav{padding:20px 0}.navbar-nav .btn-primary{margin:10px 0}}.navbar-brand img{transition:transform 0.3s ease}.hero{padding:40px 0;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.hero h1{font-size:2.8rem;font-weight:700;margin-bottom:20px;color:var(--dark-color)}.creation-box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .08);margin-top:40px}.creation-box textarea{border:2px solid #eee;border-radius:15px;padding:15px;font-size:1.1rem;resize:none;margin-bottom:15px;transition:border-color 0.3s ease}.creation-box textarea:focus{border-color:var(--primary-color);box-shadow:none}.create-btn{width:100%;padding:12px;font-size:1.1rem;border-radius:12px;background:var(--primary-color);border:none;transition:transform 0.2s ease}.create-btn:hover{transform:translateY(-2px)}.features{padding:80px 0}.feature-card{background:#fff;padding:30px;border-radius:15px;text-align:center;transition:transform 0.3s ease;box-shadow:0 5px 20px rgb(0 0 0 / .05);margin-bottom:30px}.feature-card:hover{transform:translateY(-10px)}.feature-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px}.feature-card h3{font-size:1.2rem;font-weight:600}@media (max-width:768px){.hero h1{font-size:2rem}.creation-box{padding:20px}.feature-card{margin-bottom:20px}}.showcase-container{max-width:1200px;margin:0 auto;padding:20px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.showcase-item{aspect-ratio:1;overflow:hidden}.showcase-item img{width:50%;height:50%;object-fit:cover;transition:transform 0.3s ease}.showcase-item img:hover{transform:scale(1.05)}.more-button{text-align:center}.more-link{display:inline-block;padding:12px 30px;background-color:#333;color:#fff;text-decoration:none;border-radius:4px;transition:background-color 0.3s ease}.more-link:hover{background-color:#555}@media (max-width:768px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.showcase-grid{grid-template-columns:1fr}}.showcase-section{padding:80px 0;background-color:#f8f9fa}.showcase-header{text-align:center;margin-bottom:60px}.showcase-title{font-size:2.5rem;font-weight:700;color:#2C3E50;text-align:center;letter-spacing:2px;text-transform:uppercase;display:inline-block;position:relative}.showcase-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:#FF6B6B;border-radius:2px}@media (max-width:768px){.showcase-title{font-size:2rem}}@media (max-width:480px){.showcase-title{font-size:1.8rem}}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:#2C3E50;text-align:center;letter-spacing:2px;text-transform:uppercase;display:inline-block;position:relative}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:#FF6B6B;border-radius:2px}.features-section{padding:80px 0;background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px}.feature-card{background:#f8f9fa;padding:30px;border-radius:15px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.feature-card i{font-size:2.5rem;color:#FF6B6B;margin-bottom:20px}.feature-card h3{font-size:1.2rem;font-weight:600;color:#2C3E50;margin:0}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-title{font-size:2rem}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}.feature-card{padding:20px}}.feature-card{background:#f8f9fa;padding:35px 25px;border-radius:15px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .05);display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.feature-card i{font-size:2.5rem;color:#FF6B6B;margin-bottom:20px}.feature-card h3{font-size:1.2rem;font-weight:600;color:#2C3E50;margin-bottom:15px}.feature-description{font-size:.95rem;color:#6c757d;line-height:1.6;margin:0;flex-grow:1}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.feature-card{padding:25px 20px}.feature-description{font-size:.9rem}}.testimonials-section{padding:80px 0;background-color:#f8f9fa}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.testimonial-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .05);transition:transform 0.3s ease;text-align:center}.testimonial-card:hover{transform:translateY(-10px)}.user-avatar{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid #FF6B6B}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:1.1rem;font-weight:600;color:#2C3E50;margin-bottom:10px}.user-comment{font-size:.95rem;color:#6c757d;line-height:1.6;font-style:italic}@media (max-width:992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:20px}}.highlight{color:#FF6B6B;font-weight:600}.user-comment{font-size:.95rem;color:#6c757d;line-height:1.6;font-style:italic;margin:0;padding:0 10px}.testimonial-card{background:#fff;padding:30px 20px;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .05);transition:all 0.3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.testimonial-card:hover .highlight{color:#ff5252}@media (max-width:768px){.user-comment{font-size:.9rem;padding:0 5px}.testimonial-card{padding:25px 15px}}.pricing-section{padding:80px 0;background-color:#f8f9fa}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;margin-bottom:40px}.pricing-card{background:#fff;border-radius:15px;padding:40px 30px;box-shadow:0 4px 15px rgb(0 0 0 / .05);transition:transform 0.3s ease;position:relative}.pricing-card.featured{border:2px solid #FF6B6B;transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#FF6B6B;color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:30px}.pricing-header h3{color:#2C3E50;font-size:1.5rem;margin-bottom:15px}.price{font-size:2.5rem;color:#FF6B6B;font-weight:700}.currency{font-size:1.5rem;vertical-align:super}.period{font-size:1rem;color:#6c757d;font-weight:400}.pricing-features ul{list-style:none;padding:0;margin:0 0 30px 0}.pricing-features li{padding:10px 0;color:#6c757d;font-size:.95rem}.pricing-features i{color:#FF6B6B;margin-right:10px}.pricing-btn{width:100%;padding:12px;border-radius:25px;font-weight:600}.daily-rewards{margin-top:50px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.reward-info{text-align:center}.reward-icon{font-size:2rem;color:#FF6B6B;margin-bottom:15px}@media (max-width:992px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.featured{grid-column:span 2}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{grid-column:auto;transform:none}.pricing-card{padding:30px 20px}}.faq-section{padding:80px 0;background-color:#fff}.faq-container{max-width:800px;margin:50px auto 0}.faq-item{background:#f8f9fa;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all 0.3s ease}.faq-item:hover{box-shadow:0 4px 15px rgb(0 0 0 / .05)}.faq-question{padding:20px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease}.faq-question h3{font-size:1.1rem;font-weight:600;color:#2C3E50;margin:0}.faq-question i{color:#FF6B6B;transition:transform 0.3s ease}.faq-question[aria-expanded="true"] i{transform:rotate(180deg)}.faq-answer{padding:0 30px;background:#fff}.faq-answer p{padding:20px 0;margin:0;color:#6c757d;line-height:1.6;font-size:.95rem}.collapse{transition:all 0.3s ease}.collapse.show{border-top:1px solid rgb(0 0 0 / .05)}.faq-question:hover{background-color:#f1f3f5}.faq-question:hover h3{color:#FF6B6B}@media (max-width:768px){.faq-container{padding:0 20px}.faq-question{padding:15px 20px}.faq-question h3{font-size:1rem}.faq-answer{padding:0 20px}.faq-answer p{padding:15px 0;font-size:.9rem}}.footer-section{background-color:#1a1a1a;color:#fff;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}.footer-brand{padding-right:40px}.footer-logo{height:40px;margin-bottom:20px}.brand-description{color:#a0a0a0;font-size:.95rem;line-height:1.6;margin-bottom:25px}.social-links{display:flex;gap:15px}.social-link{width:36px;height:36px;border-radius:50%;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all 0.3s ease}.social-link:hover{background:#FF6B6B;color:#fff;transform:translateY(-3px)}.footer-links h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#a0a0a0;text-decoration:none;transition:color 0.3s ease;font-size:.95rem}.footer-links a:hover{color:#FF6B6B}.footer-bottom{padding-top:30px;border-top:1px solid rgb(255 255 255 / .1);text-align:center}.copyright{color:#a0a0a0;font-size:.9rem}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;padding-right:0}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto;text-align:center}.social-links{justify-content:center}.footer-links{text-align:center}.footer-section{padding:50px 0 30px}}.social-share-wrapper{padding:60px 0;background:#f8f9fa;position:relative;z-index:1}.social-share-container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .08);max-width:800px;margin:0 auto;text-align:center}.social-share-header{margin-bottom:30px}.social-share-header h3{font-size:24px;color:#2C3E50;margin-bottom:10px}.social-share-header p{color:#6c757d;margin:0}.social-share-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.social-share-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 24px!important;border-radius:50px!important;text-decoration:none!important;min-width:140px;color:#fff!important}.social-share-link i{margin-right:8px;color:#fff!important}.social-share-link span{color:#fff!important}.social-share-link.facebook{background-color:#1877f2!important}.social-share-link.twitter{background-color:#1da1f2!important}.social-share-link.pinterest{background-color:#e60023!important}.social-share-link.linkedin{background-color:#0a66c2!important}.social-share-link:hover{transform:translateY(-3px);opacity:.9;text-decoration:none!important}@media (max-width:768px){.social-share-container{margin:0 15px;padding:30px 20px}.social-share-grid{flex-direction:column}.social-share-link{width:100%}}.user-menu-wrapper{position:relative}.user-menu-wrapper .user-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;cursor:pointer}.user-menu-wrapper .dropdown-menu{width:280px;padding:0;margin-top:10px;border:none;border-radius:10px;box-shadow:0 .5rem 1rem rgb(0 0 0 / .15);right:0;left:auto!important;transform:none!important;background-color:#fff;max-height:none;overflow:visible;top:100%!important;bottom:auto!important}.user-info{background:#f8f9fa;padding:15px;border-radius:10px 10px 0 0}.user-avatar-lg{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-details{margin-left:15px}.user-details span{font-weight:600;color:#212529;display:block}.user-details small{color:#6c757d}.points-balance{background:rgb(13 110 253 / .1);color:#0d6efd;padding:8px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;font-weight:500;margin-top:10px}.points-balance i{color:gold}.user-menu-wrapper .dropdown-item{padding:12px 15px;display:flex;align-items:center;gap:10px;color:#495057!important;text-decoration:none;transition:all 0.2s ease}.user-menu-wrapper .dropdown-item i{width:20px;text-align:center;font-size:14px}.user-menu-wrapper .dropdown-item:hover{background-color:#f8f9fa;color:#0d6efd!important}.user-menu-wrapper .dropdown-item.text-danger{color:#dc3545!important}.user-menu-wrapper .dropdown-item.text-danger:hover{background-color:#dc3545;color:#fff!important}.user-menu-wrapper .dropdown-divider{margin:0;border-top-color:#e9ecef}@media (max-width:991.98px){.navbar-collapse{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;padding:1rem;overflow-y:auto}.navbar-nav{height:100%;padding-top:20px}.user-menu-wrapper .dropdown-menu{position:static!important;width:100%;transform:none!important;box-shadow:none;border:1px solid #eee;margin-top:10px}.user-info{padding:15px;background:#f8f9fa}.dropdown-item{padding:12px 15px}}.user-creations-section{background:#f8f9fa;border-radius:15px;padding:20px;margin-top:30px}.creations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.creation-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .1);transition:transform 0.2s}.creation-card:hover{transform:translateY(-5px)}.creation-image{width:100%;height:200px;object-fit:cover}.creation-info{padding:15px}.placeholder-card{border:2px dashed #dee2e6;border-radius:10px;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.refresh-btn i{transition:transform 0.3s}.refresh-btn:hover i{transform:rotate(180deg)}.youtube-shorts-section{padding:60px 0;background-color:#f8f9fa}.youtube-shorts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.youtube-short{position:relative;width:100%;padding-bottom:177.78%;height:0}.youtube-short iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}@media (max-width:768px){.youtube-shorts-grid{grid-template-columns:1fr;max-width:400px;margin:30px auto 0}}body{font-family:Arial,sans-serif;max-width:1600px;margin:20px auto;padding:0 5px}.form-container{background:#f5f5f5;padding:5px;border-radius:8px;margin-bottom:20px}textarea{width:100%;height:100px;margin:10px 0;padding:10px}button{background:#4CAF50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button:disabled{background:#ccc}.loading{display:none;margin:20px 0}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.grid-item{border:1px solid #ddd;padding:10px;border-radius:8px;text-align:center;background:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.grid-item img{width:100%;height:300px;object-fit:cover;border-radius:4px}.prompt-text{margin-top:10px;font-size:12px;color:#666;word-break:break-word}.error{color:red;margin:10px 0}.no-content{text-align:center;color:#666;grid-column:span 3;padding:20px}.user-menu-wrapper{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.user-avatar-lg{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-dropdown{width:280px;padding:0;border:none;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.dropdown-header.user-info{background:#f8f9fa;padding:15px;border-radius:8px 8px 0 0}.user-details{flex-grow:1}.user-name{font-weight:600;color:#2c3e50;display:block}.points-balance{margin-top:10px;padding:8px;background:#fff;border-radius:6px;text-align:center;font-weight:600;color:#2c3e50;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.dropdown-item{padding:12px 15px;display:flex;align-items:center;color:#2c3e50;transition:all 0.2s ease}.dropdown-item:hover{background-color:#f8f9fa;color:#0056b3}.dropdown-item i{width:20px;margin-right:10px;text-align:center}.dropdown-divider{margin:0;border-top-color:#eee}@media (max-width:768px){.user-dropdown{width:260px}.dropdown-header.user-info{padding:10px}.user-avatar-lg{width:40px;height:40px}}.points-balance{transition:transform 0.2s ease}.points-balance:hover{transform:scale(1.02)}.points-updated{animation:pointsUpdate 1s ease}@keyframes pointsUpdate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.dropdown-menu{background-color:#343a40;max-height:300px;overflow-y:auto;left:50%!important;transform:translateX(-50%)!important;right:auto!important;min-width:200px}.dropdown-item{display:flex!important;align-items:center;padding:8px 20px;color:#fff!important}.dropdown-item:hover{background-color:rgb(255 255 255 / .1);color:#fff!important;text-decoration:none}.dropdown-item img{margin-right:10px}.btn-dark{display:flex;align-items:center;gap:8px}.btn-dark img{margin-right:5px}.video-showcase-section{padding:60px 0;background-color:#f8f9fa}.video-row{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.video-item{flex:1;max-width:calc(33.333% - 14px)}.video-wrapper{margin-bottom:15px}.video-wrapper video{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.video-title{font-size:1rem;color:#333;margin:0;text-align:center;padding:0 10px;line-height:1.4;font-weight:600}@media (max-width:768px){.video-row{flex-direction:column}.video-item{max-width:100%;margin-bottom:30px}.video-title{font-size:.9rem}}.cta-container{margin-top:50px;padding:20px}.cta-button{display:inline-block;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:15px 40px;border-radius:30px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(255 107 107 / .3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 107 107 / .4);color:#fff;text-decoration:none}.cta-button i{margin-right:10px}.cta-description{margin-top:15px;color:#666;font-size:1rem}@media (max-width:768px){.cta-button{padding:12px 30px;font-size:1rem}.cta-description{font-size:.9rem;padding:0 20px}}.cta-button:active{transform:translateY(1px);box-shadow:0 2px 10px rgb(255 107 107 / .3)}