:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modern-hero-container{width:100%;padding:3rem 1.5rem;position:relative;overflow:hidden;background:#1a1a1a}.modern-hero-content{max-width:1200px;margin:0 auto;position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.floating-image{position:absolute;max-width:160px;width:100%;border-radius:12px;z-index:1}.image-left{top:1%;left:3%;transform:rotate(-10deg)!important}.image-mid{top:50%;left:1%;transform:rotate(5deg)!important}.image-right{top:25%;right:3%;transform:rotate(10deg) scaleX(-1)!important}.hero-center{text-align:center;max-width:600px;position:relative;z-index:2}.eyebrow{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#ff914d;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.title-line{display:block}.title-line.accent{background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400;color:#fffc;max-width:500px;margin:0 auto 2rem}.button-group{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.store-btn{display:flex;align-items:center;padding:.6rem 1rem;border-radius:8px;font-weight:600;text-decoration:none;min-width:130px;border:none;cursor:pointer}.store-btn img{width:18px;height:18px;margin-right:8px}.btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn-text span:first-child{font-size:.55rem;font-weight:600}.btn-text span:last-child{font-size:.8rem;font-weight:700}.primary-btn{background:linear-gradient(135deg,#ff914d,#ffde59);color:#1a1a1a}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.secondary-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.modern-hero-content{min-height:350px}.floating-image{max-width:120px}.store-btn{padding:.5rem .8rem;min-width:110px}}@media (max-width: 576px){.modern-hero-container{padding:2rem 1rem}.floating-image{max-width:100px}.button-group{gap:.6rem}.store-btn{min-width:100px}}.text-under-header{text-align:center;margin:6rem auto;padding:0 2rem;max-width:900px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.title-wrapper,.subtitle-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:1rem}.title-word{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;position:relative;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;will-change:transform,opacity;background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle-word{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;line-height:1.4;position:relative;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;will-change:transform,opacity;color:#fffc}.tagline{margin-top:2rem;position:relative;display:inline-block}.highlight{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;padding:.8rem 1.8rem;border-radius:50px;background:linear-gradient(135deg,#ff914d,#ffde59);margin:0;background-size:200% 200%;color:#1a1a1a;box-shadow:0 4px 20px #ff914d4d;display:inline-block;will-change:transform,opacity,background-position;position:relative;z-index:2}.sparkle{font-size:1.2rem;display:inline-block;will-change:transform,opacity;position:absolute;z-index:1;color:#ffde59}@media (min-width: 768px){.text-under-header{margin:8rem auto}.highlight{padding:1rem 2.2rem}.sparkle{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.title-word,.subtitle-word,.highlight,.sparkle{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}.guide-showcase{width:100%;background:#1a1a1a;color:#fff;position:relative;overflow:hidden;padding:2rem 0}.background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#ff914d10 0%,transparent 30%),radial-gradient(circle at 80% 30%,#ff914d10 0%,transparent 30%);z-index:0}.showcase-header{text-align:center;max-width:800px;margin:0 auto 2rem;padding:0 1rem;position:relative;z-index:1}.section-subtitle{font-size:.9rem;letter-spacing:3px;text-transform:uppercase;color:#ff914d;margin-bottom:1rem;font-weight:600}.showcase-title{font-size:2rem;margin-bottom:1rem;background:linear-gradient(to right,#fff,#ff914d);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.showcase-subtitle{font-size:1.1rem;color:#fffc;max-width:600px;margin:0 auto}.mobile-carousel-container{position:relative;width:100%;max-width:100vw;height:70vh;overflow:hidden;margin:0 auto;touch-action:pan-y}.mobile-carousel-track{display:flex;height:100%;width:100%;will-change:transform;position:relative}.mobile-carousel-slide{flex:0 0 100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5rem;box-sizing:border-box}.mobile-image-container{width:100%;height:60%;display:flex;align-items:center;justify-content:center;padding:1rem}.mobile-panel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #0000004d;border:1px solid rgba(255,145,77,.3)}.mobile-panel-text{width:100%;text-align:center;padding:1rem;margin-top:1rem}.mobile-panel-text h3{font-size:1.5rem;margin-bottom:.8rem;color:#fff;font-weight:600}.mobile-panel-text p{font-size:1rem;color:#ffffffd9;line-height:1.5;margin:0 auto;max-width:90%}.swipe-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);text-align:center;color:#fffc;font-size:.9rem;z-index:20;background:#0006;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.mobile-indicators{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:.8rem;z-index:10}.mobile-indicator{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .3s ease}.mobile-indicator.active{background:#ff914d;transform:scale(1.3)}.desktop-panels{display:flex;flex-direction:column;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.desktop-panel{width:100%}.panel-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0000004d}.panel-content.reverse{direction:rtl}.panel-content.reverse>*{direction:ltr}.desktop-image-container{position:relative;border-radius:16px;overflow:hidden;height:400px;display:flex;justify-content:center;align-items:center}.desktop-panel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.desktop-panel-text{display:flex;flex-direction:column;gap:1.5rem}.step-indicator{display:flex;align-items:center;gap:1rem}.step-indicator span{font-size:1.2rem;font-weight:700;color:#ff914d}.desktop-panel-text h3{font-size:1.8rem;font-weight:600;margin:0;color:#fff}.desktop-panel-text p{font-size:1.1rem;color:#fffc;line-height:1.7;margin:0}@media (max-width: 992px){.desktop-panels{gap:3rem}.panel-content{padding:2rem;gap:2rem}.desktop-image-container{height:350px}}@media (max-width: 768px){.guide-showcase{padding:1.5rem 0}.showcase-title{font-size:1.8rem}.mobile-carousel-container{height:65vh}.mobile-panel-text h3{font-size:1.4rem}.mobile-panel-text p{font-size:.95rem}}@media (max-width: 480px){.mobile-carousel-container{height:60vh}.mobile-carousel-slide{padding:0 1rem}.mobile-image-container{height:55%;padding:.5rem}.mobile-panel-text h3{font-size:1.3rem}.mobile-panel-text p{font-size:.9rem}.swipe-hint{font-size:.8rem;bottom:50px}}@media (max-width: 350px){.mobile-panel-text h3{font-size:1.2rem}.mobile-panel-text p{font-size:.85rem}.swipe-hint{font-size:.75rem;padding:6px 12px}}.testimonial-section{width:100%;padding:6rem 1rem;background:#1a1a1a;color:#fff;position:relative;overflow:hidden}.testimonial-container{max-width:1200px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:3px;color:#ff914d;margin-bottom:1rem;font-weight:600}.section-title{font-size:2.5rem;margin:0 auto 1.5rem;font-weight:700;background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:600px;line-height:1.2}.filter-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.filter-btn{padding:.6rem 1.2rem;border-radius:50px;background:#ffffff14;border:none;color:#ffffffb3;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-btn.active{background:#ff914d;color:#1a1a1a;font-weight:600}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.testimonial-card{background:#252525;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff914d1a;border-color:#ff914d33}.testimonial-card.expanded{background:#2e2e2e}.card-content{pointer-events:auto}.user-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.avatar{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffde591a;color:#ffde59;flex-shrink:0}.user-info h3{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.user-info p{font-size:.85rem;opacity:.7;margin:.25rem 0 0}.rating{margin-left:auto;display:flex;gap:.2rem}.rating span{color:#fff3;font-size:1rem}.rating .filled{color:#ffde59}.testimonial-content{font-size:1rem;line-height:1.7;margin:0;color:#fffc;overflow:hidden}.expanded-content{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.read-more-btn{background:#ff914d1a;color:#ff914d;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.read-more-btn:hover{background:#ff914d33}.mobile-carousel-wrapper{position:relative;margin-top:2rem;width:100%}.mobile-carousel-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}.mobile-carousel{display:flex;gap:1.5rem;padding:0 1rem 1rem;width:max-content;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}.mobile-carousel::-webkit-scrollbar{height:4px;background:#ffffff1a}.mobile-carousel::-webkit-scrollbar-thumb{background:#ff914d;border-radius:2px}.mobile-carousel .testimonial-card{min-width:85vw;max-width:85vw;flex-shrink:0;margin:0;scroll-snap-align:start;box-sizing:border-box}.scroll-hint{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#ff914d;font-size:.9rem;z-index:10}.swipe-icon{display:flex;gap:1rem;margin-bottom:.5rem}.swipe-icon span{font-size:1.2rem;animation:pulse 1.5s infinite}.swipe-icon span:first-child{animation-delay:.2s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.content-wrapper{position:relative;overflow:hidden}.fade-overlay{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,#252525)}.expand-toggle{background:transparent;border:none;color:#ff914d;font-weight:600;font-size:.9rem;margin-top:.5rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;pointer-events:auto}.expand-toggle .chevron{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ff914d;transition:transform .3s ease}.expand-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}@media (max-width: 1024px){.testimonial-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.testimonial-section{padding:4rem 1rem}.section-title{font-size:2rem}.filter-controls{flex-direction:column;align-items:center}}@media (max-width: 480px){.section-title{font-size:1.8rem}.mobile-carousel .testimonial-card{min-width:85vw;max-width:85vw}.testimonial-content{font-size:.95rem}.user-meta{flex-direction:column;align-items:flex-start}.rating{margin-left:0;margin-top:.5rem}}.footer{background-color:#1a1a1a;color:#fff;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:100px;position:relative;border-top:1px solid #333}.footer-glow{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#ff914d;box-shadow:0 0 10px #ff914d,0 0 20px #ff914d;animation:glow-pulse 3s infinite alternate}@keyframes glow-pulse{0%{opacity:.7;box-shadow:0 0 10px #ff914d,0 0 20px #ff914d}to{opacity:1;box-shadow:0 0 15px #ff914d,0 0 30px #ff914d}}.site-name{font-size:1.75rem;font-weight:700;align-self:flex-start;color:#fff;position:relative;display:inline-block}.site-name:before{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:#ffde59;border-radius:3px;box-shadow:0 0 8px #ffde59}.site-name:after{content:"Duckie";position:absolute;top:0;left:0;color:transparent;background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;text-shadow:none;opacity:.8;z-index:-1;animation:text-glow 2s infinite alternate}@keyframes text-glow{0%{filter:blur(0px);opacity:.7}to{filter:blur(2px);opacity:.4}}.footer-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.copyright{font-size:.9rem;color:#aaa}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;padding:.25rem 0}.footer-link:hover{color:#ffde59}.footer-link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#ff914d;transition:width .3s ease;box-shadow:0 0 5px #ff914d}.footer-link:hover:before{width:100%}@media (max-width: 768px){.footer{padding:1.5rem}.site-name{font-size:1.5rem}.copyright{font-size:.85rem}.footer-links{gap:1rem}.footer-link{font-size:.85rem}}@media (max-width: 600px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-links{flex-direction:column;gap:.75rem;width:100%}.footer-link{padding:.5rem 0;border-bottom:1px solid #333}.footer-link:before{display:none}}@media (max-width: 480px){.footer{padding:1.25rem;gap:1.25rem}.site-name{font-size:1.4rem}.copyright{font-size:.8rem}}.cta-section{width:100%;min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:4rem 2rem;background:#1a1a1a;isolation:isolate}.glow-container{position:absolute;width:80%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;overflow:hidden;border-radius:50%}.contained-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#ff914d99,#ff5e004d 40%,#ff1e0000 70%);filter:blur(40px)}.notifications-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}.notification-image{position:absolute;width:clamp(150px,20vw,220px);height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));z-index:3;will-change:transform}.noti-0{top:15%;left:8%;transform:rotate(-5deg)}.noti-1{top:15%;right:8%;transform:rotate(5deg)}.noti-2{top:65%;left:8%;transform:rotate(-8deg)}.noti-3{top:65%;right:8%;transform:rotate(8deg)}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:4;padding:2rem}.cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.gradient-text{background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fire-glow-text{color:#ffde59;text-shadow:0 0 8px #ff914d,0 0 16px #ff914d;animation:fire-pulse 2s infinite alternate}@keyframes fire-pulse{0%{text-shadow:0 0 8px #ff914d,0 0 16px #ff914d}to{text-shadow:0 0 12px #ff914d,0 0 24px #ff914d}}.cta-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.app-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.app-button-container{position:relative;min-width:180px}.app-button{display:flex;align-items:center;padding:.8rem 1.5rem;border-radius:12px;text-decoration:none;position:relative;overflow:visible;will-change:transform}.play-store{background:linear-gradient(135deg,#ff914d,#ffde59);color:#1a1a1a}.app-store{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.store-logo{width:24px;height:24px;margin-right:12px}.button-text{display:flex;flex-direction:column;align-items:flex-start}.small-text{font-size:.65rem;font-weight:600;letter-spacing:.5px}.store-name{font-size:1rem;font-weight:700}.soon-badge{position:absolute;top:-8px;right:-8px;background:#ff914d;color:#fff;font-size:.7rem;padding:.25rem .6rem;border-radius:12px;font-weight:700;z-index:5;box-shadow:0 2px 8px #0003;animation:pulse 1.5s infinite;white-space:nowrap}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.cta-section{min-height:70vh;padding:3rem 1.5rem}.notification-image{width:clamp(120px,25vw,180px)}.app-buttons{gap:1rem}.app-button-container{min-width:160px}.app-button{padding:.7rem 1.2rem}.store-logo{width:20px;height:20px;margin-right:10px}.small-text{font-size:.6rem}.store-name{font-size:.9rem}}@media (max-width: 480px){.cta-section{min-height:80vh;padding:2rem 1rem}.notification-image{width:clamp(100px,30vw,140px);opacity:.9}.noti-0,.noti-2{left:2%}.noti-1,.noti-3{right:2%}.cta-title{font-size:1.8rem}.app-buttons{flex-direction:row;align-items:center;justify-content:center;gap:.8rem}.app-button-container{width:calc(50% - .5rem);min-width:auto;max-width:160px}.app-button{padding:.6rem 1rem;border-radius:10px}.store-logo{width:18px;height:18px;margin-right:8px}.small-text{font-size:.55rem}.store-name{font-size:.8rem}.soon-badge{font-size:.6rem;padding:.2rem .5rem;top:-6px;right:-6px}.glow-container{width:90%;height:60%}}@media (max-width: 360px){.app-buttons{flex-direction:column;width:100%;gap:.8rem}.app-button-container{width:100%;max-width:200px}.app-button{padding:.7rem 1rem;justify-content:center}.button-text{align-items:center}}.faq-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #ff914d1a;margin:1.5rem auto;max-width:800px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,222,89,.3);position:relative}.faq-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff914d,#ffde59);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.faq-item.open:before{transform:scaleX(1)}.faq-item:hover{box-shadow:0 6px 20px #ff914d33;transform:translateY(-3px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;transition:all .2s ease}.faq-question h3{margin:0;font-size:1.25rem;font-weight:600;color:#ff914d;flex:1;padding-right:1rem;transition:all .3s ease}.faq-item.open .faq-question h3{color:#ff6b00;text-shadow:0 0 8px rgba(255,145,77,.2)}.faq-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffde5933;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.faq-icon:hover{background-color:#ffde5966;box-shadow:0 0 12px #ffde594d}.faq-item.open .faq-icon{transform:rotate(180deg);background-color:#ff914d;color:#fff;box-shadow:0 0 12px #ff914d66}.icon{width:18px;height:18px;transition:all .3s ease}.faq-item.open .icon{stroke:#fff}.horizontal-line{width:calc(100% - 3rem);height:1px;background:linear-gradient(90deg,transparent,rgba(255,145,77,.3),transparent);margin:0 auto;transition:all .4s ease}.faq-item.open .horizontal-line{width:100%;background:linear-gradient(90deg,transparent,#ffde59,transparent);height:1.5px}.faq-answers{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.645,.045,.355,1),padding .4s ease}.faq-answers.visible{max-height:500px;animation:subtleGlow 2s infinite alternate}@keyframes subtleGlow{0%{box-shadow:inset 0 0 10px #ffde5900}to{box-shadow:inset 0 0 15px #ffde591a}}.answer-contents{padding:0 1.5rem 1.5rem;font-size:1.1rem;color:#555;line-height:1.7;opacity:0;transform:translateY(-10px);transition:all .5s ease .2s}.faq-answers.visible .answer-contents{opacity:1;transform:translateY(0)}@media (max-width: 768px){.faq-item{margin:1.25rem 1rem}.faq-question{padding:1.25rem}.faq-question h3{font-size:1.1rem}.answer-contents{font-size:1rem;padding:0 1.25rem 1.25rem}}@media (max-width: 480px){.faq-item{margin:1.25rem 1rem;border-radius:8px}.faq-question{padding:1rem}.faq-question h3{font-size:1rem}.faq-icon{width:28px;height:28px}.answer-contents{font-size:.95rem;padding:0 1rem 1rem}}.logo-container{display:flex;align-items:center;justify-content:center;height:100%;width:auto;margin:0;padding:0;overflow:none}.logo-image{display:flex;align-items:center;justify-content:center;height:100%;width:auto;position:relative;overflow:none}.glowing-logo{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,145,77,.7));transition:filter .3s ease;overflow:none}.logo-image:hover .glowing-logo{filter:drop-shadow(0 0 6px rgba(255,145,77,.9))}@media (max-width: 768px){.glowing-logo{height:35px}}@media (max-width: 480px){.glowing-logo{height:30px}}.navbar{position:sticky;top:0;z-index:1000;padding:.8rem 5%;background:#1a1a1af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,145,77,.1);width:100%;box-sizing:border-box}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;height:60px;width:100%}.nav-left{display:flex;align-items:center;gap:2rem;overflow:hidden;overflow:none}.logo-link{display:flex;align-items:center;text-decoration:none!important;min-width:fit-content;overflow:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#ffffffb3;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;text-decoration:none;transition:all .3s ease;position:relative;padding:.5rem 0;white-space:nowrap}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff914d,#ffde59)}.signup-button{display:flex;align-items:center;justify-content:center;padding:.7rem 1.8rem;border-radius:50px;font-family:Poppins,sans-serif;font-weight:600;font-size:.95rem;color:#1a1a1a;text-decoration:none;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;white-space:nowrap}@media (max-width: 992px){.navbar{padding:.8rem 3%}.nav-left{gap:1.5rem}.nav-links{gap:1rem}}@media (max-width: 768px){.nav-container{height:50px}.nav-link{font-size:.9rem}.signup-button{padding:.6rem 1.5rem;font-size:.9rem;min-width:110px}}@media (max-width: 640px){.navbar{padding:.6rem 2%}.nav-left{gap:1rem}.nav-link{font-size:.85rem}.signup-button{padding:.5rem 1.2rem;font-size:.85rem;min-width:90px}}@media (max-width: 480px){.nav-links{display:none}.signup-button{padding:.4rem 1rem;font-size:.8rem;min-width:80px}.nav-left{gap:.5rem}}.faq-page{display:flex;flex-direction:column;min-height:100vh;background-color:#1a1a1a;font-family:Poppins,sans-serif;padding:2rem 0}.faq-header{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#ff914d,#ff6b00);color:#fff;margin-bottom:2rem;box-shadow:0 4px 12px #ff914d33}.faq-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.faq-header p{font-size:1.25rem;max-width:700px;margin:0 auto;opacity:.9}.faq-list{max-width:800px;width:90%;margin:0 auto;padding:0 1rem}.faq-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.1);border:1px solid rgba(255,145,77,.1)}.faq-container.open{box-shadow:0 8px 24px #ff914d26;transform:translateY(-2px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;cursor:pointer;transition:all .3s ease}.faq-question:hover{background-color:#ffde590d}.faq-question h3{font-size:1.3rem;font-weight:600;margin:0;color:#1a1a1a;transition:all .3s ease;flex:1;padding-right:1.5rem}.faq-container.open .faq-question h3{color:#ff6b00}.faq-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffde591a;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.faq-container.open .faq-icon{background-color:#ff914d33;transform:rotate(180deg)}.icon-chevron{transition:all .3s ease}.faq-answer-container{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.215,.61,.355,1)}.faq-answer-container.open{max-height:500px}.faq-answer{padding:0 2rem 2rem;font-size:1.1rem;color:#444;line-height:1.8;opacity:0;transform:translateY(-10px);transition:all .4s ease .1s;border-top:1px solid rgba(255,222,89,.3)}.faq-answer-container.open .faq-answer{opacity:1;transform:translateY(0)}.faq-container.open:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff914d,#ffde59);animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ff914d}to{box-shadow:0 0 15px #ff914d}}@media (max-width: 768px){.faq-header{padding:2rem 1rem}.faq-header h1{font-size:2.2rem}.faq-header p{font-size:1.1rem}.faq-question{padding:1.5rem}.faq-question h3{font-size:1.2rem}.faq-answer{padding:0 1.5rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.faq-header h1{font-size:1.8rem}.faq-question{padding:1.25rem}.faq-question h3{font-size:1.1rem}.faq-icon{width:30px;height:30px}.faq-answer{padding:0 1.25rem 1.25rem}}.faq-page-container{background-color:#1a1a1a;color:#fff;min-height:100vh}.faq-headerr{text-align:center;padding:6rem 1rem 3rem;position:relative;color:#1a1a1a}.faq-headerr h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.faq-headerr .subtitle{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto}.header-decoration{position:relative;height:40px;margin-top:2rem}.decoration-circle{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background-color:#ff914d}.decoration-line{position:absolute;left:50%;top:6px;transform:translate(-50%);width:2px;height:30px;background:linear-gradient(to bottom,#ff914d,#ffde59)}.faq-list-container{padding:2rem 0}.faq-list{max-width:800px;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box}.faq-item-enter{opacity:0;transform:translateY(20px)}.faq-item-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.faq-list:hover .faq-item:not(:hover){opacity:.7}@media (max-width: 768px){.faq-header{padding:4rem 1rem 2rem}.faq-header h1{font-size:2.5rem}.faq-header p{font-size:1.1rem}}@media (max-width: 480px){.faq-header{padding:3rem 1rem 1.5rem}.faq-header h1{font-size:2rem}.faq-header p{font-size:1rem}.header-decoration{height:30px}.decoration-line{height:20px}}.titleToU{font-size:2rem;font-weight:700;color:#ff914d;margin-bottom:1.5rem;text-align:left;font-family:Poppins,sans-serif;padding-left:0;margin-left:0;width:100%}@media (max-width: 768px){.titleToU{font-size:1.75rem}}@media (max-width: 480px){.titleToU{font-size:1.5rem}}.terms-of-use{max-width:1200px;width:100%;margin:2rem auto;padding:0 2rem;box-sizing:border-box;font-family:Poppins,sans-serif}@media (max-width: 768px){.terms-of-use{padding:0 1.5rem}}@media (max-width: 480px){.terms-of-use{padding:0 1rem;margin:1rem auto}.terms-of-use .title,.terms-of-use .paragraph{word-wrap:break-word;overflow-wrap:break-word}}.titlePrivacy{font-size:2rem;font-weight:700;color:#ff914d;margin-bottom:1.5rem;text-align:left;font-family:Poppins,sans-serif;padding-left:0;margin-left:0;width:100%}@media (max-width: 768px){.titlePrivacy{font-size:1.75rem}}@media (max-width: 480px){.titlePrivacy{font-size:1.5rem}}.paragraph{font-size:1rem;color:#fff;line-height:1.6;margin-bottom:1.5rem;text-align:left;font-family:Poppins,sans-serif}@media (max-width: 768px){.paragraph{font-size:.95rem}}@media (max-width: 480px){.paragraph{font-size:.9rem}}.contact-info{margin-top:3rem;font-family:Poppins,sans-serif}.contact-info__card{background-color:#ffffff0d;border-left:3px solid #ff914d;padding:1.5rem;border-radius:0 8px 8px 0;max-width:500px}.contact-info__title{font-size:1.5rem;font-weight:700;color:#ffde59;margin-bottom:1.5rem;position:relative;display:inline-block}.contact-info__title:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#ff914d,#ffde59)}.contact-info__item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.contact-info__icon{font-size:1.2rem;color:#ff914d;margin-top:2px}.contact-info__text{font-size:1rem;color:#fff;line-height:1.6;margin:0}@media (max-width: 768px){.contact-info__card{padding:1.25rem}.contact-info__title{font-size:1.3rem}.contact-info__text{font-size:.95rem}}@media (max-width: 480px){.contact-info__card{padding:1rem}.contact-info__title{font-size:1.2rem}.contact-info__text{font-size:.9rem}.contact-info__item{gap:.75rem}}.privacy-policies{max-width:1200px;width:100%;margin:2rem auto;padding:0 2rem;box-sizing:border-box;font-family:Poppins,sans-serif}@media (max-width: 768px){.privacy-policies{padding:0 1.5rem}}@media (max-width: 480px){.privacy-policies{padding:0 1rem;margin:1rem auto}.privacy-policies .title,.privacy-policies .paragraph{word-wrap:break-word;overflow-wrap:break-word}}#root{background-color:#1a1a1a;margin:-20px}body{margin:0}:root{--primary: #ff914d;--primary-light: #ffa66d;--secondary: #ffde59;--secondary-light: #ffe87a;--dark-bg: #1a1a1a;--dark-bg-light: #2a2a2a;--text-light: #f5f5f5;--text-muted: #b0b0b0;--border-radius: 12px;--box-shadow: 0 8px 24px rgba(0, 0, 0, .3);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-light);background:var(--dark-bg);padding:20px;min-height:100vh}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-light) 100%)}.loading-container p{margin-top:20px;font-size:1rem;color:var(--secondary)}.error-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-light) 100%)}.error-message{background:var(--dark-bg-light);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;max-width:500px;border:1px solid rgba(255,255,255,.1)}.error-message h2{color:var(--primary);margin-bottom:.75rem;font-size:1.5rem}.error-message p{margin-bottom:1.5rem;font-size:.95rem;color:var(--text-muted)}.error-message button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--dark-bg);border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:600;transition:var(--transition);box-shadow:0 4px 12px #ff914d4d}.error-message button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff914d66}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-light) 100%)}.not-found-container h2{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem}.not-found-container p{font-size:.95rem;color:var(--text-muted)}.unlocked-media-page{padding:2.5rem 1.5rem;max-width:1400px;margin:0 auto;background:var(--dark-bg-light);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid rgba(255,255,255,.05)}.page-header{margin-bottom:2.5rem;text-align:center}.page-header h1{font-size:2.25rem;margin-bottom:1.5rem;color:var(--secondary);font-weight:700;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.info-banners{display:flex;flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto 2rem}.info-banner{display:flex;align-items:flex-start;gap:.3rem;padding:.7rem;border-radius:var(--border-radius);background:linear-gradient(135deg,#ffde591a,#ff914d1a);text-align:left;border:1px solid rgba(255,222,89,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-banner.urgent{background:linear-gradient(135deg,#ff4d4d26,#ff914d26);border-left:4px solid var(--primary)}.banner-icon{margin-top:4px;color:var(--secondary);min-width:24px;font-size:1.1rem}.info-banner.urgent .banner-icon{color:var(--primary)}.info-banner h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-light);font-weight:600}.info-banner p{font-size:.95rem;color:var(--text-muted);margin-bottom:0}.info-banner a{color:var(--secondary);font-weight:600;text-decoration:none;transition:var(--transition)}.info-banner a:hover{color:var(--primary);text-decoration:underline}.download-all-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--dark-bg);border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin:1.5rem 0;transition:var(--transition);box-shadow:0 4px 12px #ff914d4d;position:relative;overflow:hidden}.download-all-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.download-all-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #ff914d66}.download-all-button:hover:not(:disabled):before{left:100%}.download-all-button:disabled{background:#4a4a4a;color:#777;cursor:not-allowed;box-shadow:none}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.75rem}.media-item{background:linear-gradient(135deg,#282828cc,#1e1e1ee6);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);box-shadow:var(--box-shadow);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);position:relative}.media-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.media-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0006;border-color:#ffde5933}.media-content-wrapper{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.media-content-wrapper img,.media-content-wrapper video{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.media-item:hover .media-content-wrapper img,.media-item:hover .media-content-wrapper video{transform:scale(1.05)}.file-item{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#1e1e1eb3}.file-icon{width:70px;height:70px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.file-name{font-size:.9rem;text-align:center;word-break:break-word;width:100%;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--text-light)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:1.25rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid rgba(255,255,255,.2);transition:var(--transition)}.media-item:hover .play-icon{background:#ff914dcc;transform:translate(-50%,-50%) scale(1.1)}.download-button{margin:0;background:linear-gradient(135deg,#ffde5933,#ff914d33);color:var(--secondary);border:none;padding:.8rem;cursor:pointer;font-size:.95rem;width:100%;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-weight:600;border-top:1px solid rgba(255,255,255,.05)}.download-button:hover:not(.downloading){background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:var(--dark-bg)}.download-button.downloading{background:#46464680;color:var(--text-muted);cursor:not-allowed}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content{position:relative;max-width:90%;max-height:90%;background:var(--dark-bg-light);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 12px 32px #00000080;border:1px solid rgba(255,222,89,.1)}.overlay-content img,.overlay-content video{max-width:100%;max-height:80vh;border-radius:6px;display:block;box-shadow:0 8px 24px #0006}.overlay-content video{width:800px;max-width:90vw}.close-button{position:absolute;top:-50px;right:0;background:#ffffff1a;color:#fff;border:none;font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:var(--transition);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-button:hover{background:var(--primary);transform:rotate(90deg)}@media (max-width: 1024px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.page-header h1{font-size:2rem}}@media (max-width: 768px){.unlocked-media-page{padding:2rem 1.25rem}.page-header h1{font-size:1.75rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.media-content-wrapper{height:180px}.info-banner{padding:1rem}.download-all-button{padding:.9rem 1.5rem;font-size:1rem}}@media (max-width: 576px){.page-header h1{font-size:1.5rem;margin-bottom:1.25rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.media-content-wrapper{height:150px}.file-icon{width:60px;height:60px}.file-name{font-size:.85rem}.download-button{padding:.7rem;font-size:.85rem}.info-banner{flex-direction:row;gap:.75rem;padding:1rem}.download-all-button{padding:.8rem 1.25rem;font-size:.95rem;margin:1rem 0}.info-banners{margin-bottom:1.5rem}}.carousel-wrapper{width:100%;position:relative;overflow:hidden;padding:2rem 0}.carousel-container{position:relative;width:100%;height:70vh;min-height:500px;margin:0 auto;display:flex;align-items:center;justify-content:center}.carousel-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:2000px}.carousel-slide{position:absolute;width:70%;height:80%;display:flex;align-items:center;justify-content:center;cursor:grab}.carousel-slide:active{cursor:grabbing}.carousel-slide.active{width:80%;height:90%;z-index:10}.carousel-slide.peek-left,.carousel-slide.peek-right{width:65%;height:75%;z-index:5}.carousel-slide.far-left,.carousel-slide.far-right{width:60%;height:70%;z-index:2}.carousel-image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px #0003;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease}.carousel-slide.active .carousel-image-container{box-shadow:0 15px 40px #0000004d;transform:translateZ(20px)}.carousel-slide.peek-left .carousel-image-container,.carousel-slide.peek-right .carousel-image-container{box-shadow:0 8px 25px #00000026;transform:translateZ(10px)}.carousel-slide.far-left .carousel-image-container,.carousel-slide.far-right .carousel-image-container{box-shadow:0 5px 20px #0000001a;transform:translateZ(5px)}.carousel-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.carousel-slide:hover .carousel-image{transform:scale(1.02)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00000026}.carousel-nav.prev{left:30px}.carousel-nav.next{right:30px}.carousel-nav svg{width:24px;height:24px}.carousel-dots{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:10;align-items:center}.dot{width:8px;height:8px;border-radius:4px;background:#fff6;border:none;cursor:pointer;transition:all .3s cubic-bezier(.22,.61,.36,1);padding:0;position:relative}.dot:hover{background:#ffffffb3}.dot.active{width:24px;background:#000;box-shadow:0 0 0 2px #fff}.dot-overflow{color:#fff;font-size:12px;font-weight:700;background:#0009;border-radius:10px;padding:2px 6px;min-width:20px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.carousel-container{height:50vh;min-height:350px;padding:1rem 0}.carousel-slide{width:85%;height:85%}.carousel-slide.active{width:90%;height:90%}.carousel-slide.peek-left,.carousel-slide.peek-right{width:75%;height:80%}.carousel-slide.far-left,.carousel-slide.far-right{width:70%;height:75%}.carousel-nav{width:40px;height:40px}.carousel-nav.prev{left:15px}.carousel-nav.next{right:15px}.carousel-dots{bottom:20px;gap:6px}.dot{width:6px;height:6px}.dot.active{width:20px}.dot-overflow{font-size:10px;padding:1px 4px;min-width:16px}}.file-carousel-outer-container{width:100%;display:flex;justify-content:center;overflow:hidden;padding:20px 0;position:relative}.file-carousel-container{position:relative;width:100%;max-width:800px;height:250px;perspective:1000px;margin:0 auto}.file-carousel-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}.file-carousel-slide{position:absolute;width:200px;height:200px;transition:transform .5s ease,opacity .5s ease;cursor:pointer;transform-origin:center center;will-change:transform}.file-icon-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px;box-shadow:0 8px 20px #0000001a;padding:1.5rem;transition:all .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.file-carousel-slide:hover .file-icon-container{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.file-icon-3d{width:60px;height:60px;object-fit:contain;margin-bottom:1rem}.file-extension-3d{font-size:1rem;font-weight:500;color:#333;text-transform:uppercase;text-align:center}@media (max-width: 768px){.file-carousel-container{height:220px}.file-carousel-slide{width:160px;height:160px}.file-icon-3d{width:50px;height:50px}}@media (max-width: 480px){.file-carousel-container{height:200px}.file-carousel-slide{width:140px;height:140px}.file-icon-3d{width:40px;height:40px}}.media-payment-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;color:#2d3748;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#ffffffe6}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(0,0,0,.1);border-left-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.error-message,.not-found-message{padding:2rem;text-align:center;color:#dc3545;max-width:800px;margin:0 auto;font-size:1.1rem}.payment-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:center;background-color:transparent;box-shadow:none;position:relative;z-index:10}.header-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.brand-logo{height:1.8rem;width:auto;max-width:180px;-webkit-user-select:none;user-select:none}.header-divider{width:1px;height:2.5rem;background-color:#e2e8f0;margin:0 1.5rem}.header-title{font-size:1rem;font-weight:500;color:#4a5568;letter-spacing:.5px}.payment-main-content{display:grid;grid-template-columns:1fr;gap:2rem;padding:1.5rem;flex:1;max-width:1200px;margin:0 auto;width:100%}@media (min-width: 992px){.payment-main-content{grid-template-columns:1.5fr 1fr;align-items:start;padding:2rem 1.5rem}}.media-preview-section{position:relative;border-radius:12px;overflow:visible;height:fit-content;margin:0}.content-type-badge{position:absolute;top:1rem;left:1rem;background-color:#000000b3;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8125rem;font-weight:600;z-index:10;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-count-badge{position:absolute;top:1rem;right:1rem;background-color:#000000b3;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8125rem;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-details-section{position:relative;height:fit-content}.payment-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;position:sticky;top:1.5rem}.payment-summary{margin:1.5rem 0;padding-bottom:1.5rem;border-bottom:1px solid #edf2f7}.total-price{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:600;color:#0c0c0c}.price-amount{color:#0c0c0c;font-weight:700}.price-details-container{margin:.2rem 0}.price-details-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:.75rem 0;font-size:.9375rem;color:#4f46e5;cursor:pointer;font-weight:500;transition:all .2s ease}.price-details-toggle:hover{color:#4338ca}.toggle-icon{transition:transform .3s ease;color:#718096}.toggle-icon.expanded{transform:rotate(180deg)}.price-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.price-details.expanded{max-height:200px;margin-top:.5rem}.price-breakdown{border-top:1px solid #edf2f7;padding-top:1rem}.breakdown-row{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.9375rem;color:#4a5568}.security-assurance{margin:2rem 0;padding:.7rem;background-color:#f0fdf4;border-radius:8px;border:1px solid #dcfce7}.security-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.security-icon{width:1.25rem;height:1.25rem}.security-text{font-size:.8125rem;color:#4a5568;line-height:1.4}.payment-methods-container{margin:2rem 2rem .4rem}.payment-methods-title{font-size:.875rem;color:#718096;margin-bottom:.3rem;text-align:center}.payment-methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 .5rem}.payment-method-logo{height:2.5rem;width:auto;object-fit:contain;opacity:.8;transition:all .3s ease}.payment-method-logo:hover{opacity:1}.payment-cta-button{width:100%;padding:1.25rem;background-color:#19191a;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 1.5rem;box-shadow:0 4px 6px #4f46e533}.payment-cta-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 12px #4f46e540}.payment-cta-button:active{transform:translateY(0)}.payment-cta-button:disabled{background-color:#a5b4fc;cursor:not-allowed;transform:none;box-shadow:none}.cta-icon{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1)}.processing-indicator{display:flex;align-items:center;gap:.75rem}.processing-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.payment-footer{background-color:#1e293b;color:#fff;padding:2.5rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer-container{grid-template-columns:1fr 2fr}}.footer-brand{display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;color:#f8fafc}.brand-tagline{font-size:.875rem;font-weight:400;color:#ffffffb3;margin-top:.5rem}.footer-links-container{display:flex;flex-direction:column;gap:1.5rem}.footer-links-group{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:all .3s ease}.footer-link:hover{color:#fff;text-decoration:underline}.copyright-notice{font-size:.8125rem;color:#ffffff80}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.payment-card{padding:1.25rem}.payment-cta-button{padding:1.1rem;font-size:1rem}.header-divider{margin:0 1rem}.content-type-badge,.media-count-badge{font-size:.75rem;padding:.25rem .75rem}.security-assurance{margin:1.5rem 0;padding:1rem}}.not-found-container{display:flex;flex-direction:column;min-height:100vh;background-color:#121212;color:#fff}.not-found-header{padding:2rem;text-align:center}.not-found-brand-logo{height:42px;width:auto;filter:drop-shadow(0 0 8px rgba(255,145,77,.6))}.not-found-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem;text-align:center}.not-found-title{font-size:5rem;font-weight:700;margin:0;color:#ff914d;text-shadow:0 0 12px rgba(255,145,77,.4)}.not-found-message{font-size:1.5rem;margin:1rem 0 .5rem;opacity:.9}.not-found-submessage{font-size:1rem;margin:0;opacity:.7}.not-found-footer{padding:1.5rem}.not-found-footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.not-found-footer-links{display:flex;align-items:center;gap:.5rem}.not-found-footer-links a{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:color .2s}.not-found-footer-links a:hover{color:#ff914d}.divider{color:#ffffff4d;font-size:.85rem}.not-found-footer-copyright{font-size:.8rem;color:#ffffff80;margin:0}@media (max-width: 768px){.not-found-title{font-size:4rem}.not-found-message{font-size:1.25rem}.not-found-brand-logo{height:36px}}@media (max-width: 480px){.not-found-title{font-size:3rem}.not-found-message{font-size:1.1rem}.not-found-brand-logo{height:32px}.not-found-footer-links{flex-wrap:wrap;justify-content:center}}.strength-meter-container{margin-top:10px}.strength-bar{height:4px;border-radius:2px;transition:all .3s ease}.strength-0{background:#e9ecef}.strength-1,.strength-2{background:#ff6b6b}.strength-3,.strength-4{background:#ffd43b}.strength-5{background:#51cf66}.strength-label{font-size:12px;margin-top:5px;font-weight:500}.label-weak{color:#ff6b6b}.label-medium{color:#f08c00}.label-strong{color:#2b8a3e}.form-container{background:#252525;border-radius:16px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 10px 30px #ff914d1a;border:1px solid rgba(255,255,255,.05)}.form{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.label{display:block;margin-bottom:.75rem;font-weight:500;color:#ffffffe6;font-size:.95rem}.input{width:100%;padding:.875rem 3rem .875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;background:#ffffff0d;transition:all .3s ease;color:#fff;box-sizing:border-box}.input-error{border-color:#ff6b6b;background:#ff6b6b0d}.input:focus{border-color:#ff914d;outline:none;background:#ff914d0d;box-shadow:0 0 0 3px #ff914d33}.input::placeholder{color:#fff6}.input-wrapper{position:relative;width:100%}.toggle-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-button:hover{color:#ffde59}.toggle-button svg{width:1.25rem;height:1.25rem}.error-text{color:#ff6b6b;font-size:.85rem;margin-top:.5rem;display:block}.api-error{color:#ffde59;background:#ffde591a;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border-left:3px solid #ffde59;overflow:hidden}.submit-button{background:linear-gradient(90deg,#ff914d,#ffde59);color:#1a1a1a;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#ff7b35,gold);box-shadow:0 4px 15px #ff914d4d}.submit-button:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(26,26,26,.3);border-radius:50%;border-top-color:#1a1a1a;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.form-container{padding:1.75rem 1.5rem}.form-group{margin-bottom:1.25rem}.input{padding:.75rem 2.75rem .75rem 1rem}}.password-reset-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#1a1a1a;font-family:Poppins,sans-serif}.password-reset-card{background:#252525;border-radius:16px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 10px 30px #ff914d1a;border:1px solid rgba(255,255,255,.05)}.logo{font-size:1.75rem;font-weight:700;background:linear-gradient(90deg,#ff914d,#ffde59);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;text-align:center}.title{font-size:1.5rem;color:#fff;margin-bottom:2rem;text-align:center;font-weight:500}.success-container{background:#252525;border-radius:16px;box-shadow:0 10px 30px #ff914d1a;padding:2.5rem;width:100%;max-width:480px;text-align:center;border:1px solid rgba(255,255,255,.05)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#40c057,#2b8a3e);color:#fff;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:2.5rem;margin:0 auto 1.5rem;box-shadow:0 4px 20px #40c0574d}.success-title{color:#ffde59;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.success-message{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:0}@media (max-width: 768px){.password-reset-container{padding:1.5rem}.password-reset-card,.success-container{padding:2rem 1.5rem}.logo{font-size:1.5rem}.title,.success-title{font-size:1.3rem}}.success-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px 30px;width:100%;max-width:420px;text-align:center}.success-icon{width:60px;height:60px;background:#40c057;color:#fff;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:30px;margin-bottom:20px}.success-title{color:#2b8a3e;margin-bottom:15px;font-size:20px}.success-message{color:#495057;font-size:15px;line-height:1.5}
