.text-gradient{background:linear-gradient(135deg, #FAAA63 0%, #ff6b6b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-white-75{color:rgba(255,255,255,0.75)}.bg-gradient-primary{background:linear-gradient(135deg, #2d3436 0%, #1a1a2e 100%)}.btn-xl{padding:1rem 2.5rem;font-size:1.25rem;font-weight:600;border-radius:0.5rem}.landing-page .btn-light{box-shadow:none}.landing-page .btn-light:hover,.landing-page .btn-light:focus,.landing-page .btn-light:active{box-shadow:none}.landing-page .btn-outline-light:hover,.landing-page .btn-outline-light:focus,.landing-page .btn-outline-light:active{color:#1a1a2e}.landing-page{overflow-x:hidden;margin:0;padding:0}.landing-nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - 2rem);max-width:1140px;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:9999px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 30px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.4);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 767px){.landing-nav{top:0.75rem;width:calc(100% - 1.5rem);padding:0.6rem 1rem;border-radius:9999px}}.landing-nav.navbar-scrolled{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.5)}.landing-nav:not(.navbar-scrolled){background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}.landing-nav:not(.navbar-scrolled) .landing-nav-links a{color:rgba(255,255,255,0.9)}.landing-nav:not(.navbar-scrolled) .landing-nav-links a:hover{color:white;background:rgba(255,255,255,0.15)}.landing-nav:not(.navbar-scrolled) .landing-nav-actions .btn{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.landing-nav:not(.navbar-scrolled) .landing-nav-actions .btn:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.4)}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-logo{display:flex;align-items:center}.landing-logo img{height:36px;transition:all 0.3s ease;filter:invert(1) brightness(2)}@media (max-width: 767px){.landing-logo img{height:30px}}.landing-logo img:hover{transform:scale(1.02);opacity:0.9}.navbar-scrolled .landing-logo img{filter:none}.landing-nav-links{display:flex;align-items:center;gap:0.25rem}.landing-nav-links a{color:#1a1a2e;text-decoration:none;font-weight:500;font-size:0.9rem;padding:0.5rem 1rem;border-radius:0.5rem;transition:all 0.2s ease}.landing-nav-links a:hover{color:#1a1a2e;background:rgba(0,0,0,0.06)}.landing-nav-actions .btn{font-size:0.875rem;padding:0.5rem 1.25rem;border-radius:9999px;font-weight:600;transition:all 0.2s ease;box-shadow:none}.landing-nav-actions .btn:hover,.landing-nav-actions .btn:focus,.landing-nav-actions .btn:active{box-shadow:none}.landing-hero{position:relative;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:flex;align-items:center;overflow:hidden;background-color:#1a1a1a}.landing-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.landing-hero-blurhash{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.5s ease-out;z-index:1}.landing-hero-blurhash.fade-out{opacity:0}.landing-hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-out}.landing-hero-image-wrapper.loaded{opacity:1}.landing-hero-image-wrapper .landing-hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.landing-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 100%)}@media (max-width: 767px){.landing-hero-overlay{background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.7) 100%)}}.landing-hero-content{position:relative;z-index:1;width:100%;padding-top:100px;padding-bottom:2rem}@media (max-width: 767px){.landing-hero-content{padding-top:80px;padding-bottom:3rem;display:flex;flex-direction:column;min-height:100dvh;justify-content:center}}.landing-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:0.5rem 1rem;border-radius:50px;color:white;font-size:0.875rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,0.2)}.landing-hero-title{font-size:3.5rem;font-weight:800;color:white;line-height:1.1;margin-bottom:1.5rem}@media (min-width: 768px){.landing-hero-title{font-size:3.7rem}}@media (min-width: 992px){.landing-hero-title{font-size:3.7rem}}@media (min-width: 1200px){.landing-hero-title{font-size:4.2rem}}.landing-hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.85);max-width:550px;margin-bottom:2rem;line-height:1.6}.landing-hero-actions{margin-bottom:3rem}.landing-hero-actions .btn{padding:0.875rem 1.75rem;font-weight:600}.app-download-card .app-download-title{color:#1a1a2e;margin-bottom:1rem}.app-store-badges{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.app-store-badges .app-store-badge{display:inline-block;transition:transform 0.2s ease, opacity 0.2s ease}.app-store-badges .app-store-badge img{height:44px;width:auto}.app-store-badges .app-store-badge:last-child img{height:64px;margin:-10px 0}.app-store-badges .app-store-badge:hover{transform:scale(1.05);opacity:0.9}@media (max-width: 767px){.app-store-badges{justify-content:center}.app-store-badges .app-store-badge img{height:40px}.app-store-badges .app-store-badge:last-child img{height:58px;margin:-9px 0}}.landing-hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap}.landing-hero-stats .stat-item{text-align:left}.landing-hero-stats .stat-number{display:block;font-size:2rem;font-weight:800;color:white}.landing-hero-stats .stat-label{font-size:0.875rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}.landing-hero-image{position:relative}.landing-hero-image img{max-height:600px;filter:drop-shadow(0 25px 50px rgba(0,0,0,0.3))}.landing-hero-mobile-image img{max-height:250px;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.3))}@keyframes scrollBounce{0%,100%{top:8px;opacity:1}50%{top:30px;opacity:0.3}}.landing-section{padding:6rem 0;overflow:hidden}@media (min-width: 992px){.landing-section{padding:8rem 0}}.section-label{display:inline-block;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FAAA63;margin-bottom:1rem}.section-label.section-label-light{color:rgba(255,255,255,0.7)}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}@media (min-width: 768px){.section-title{font-size:3rem}}.section-subtitle{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.feature-cards-row{display:flex;flex-wrap:wrap}.feature-cards-row>[class*="col-"]{display:flex}.feature-card{background:white;border-radius:1rem;padding:2rem;height:100%;width:100%;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.feature-card.feature-card-image{padding:0;overflow:hidden;display:flex;flex-direction:column}.feature-image{position:relative;height:300px}.feature-image img{width:100%;height:auto;display:block;transition:transform 3s ease-out}.feature-image .feature-image-fade{display:none}.feature-card-image:hover .feature-image img{transform:translateY(-60%)}.feature-content{position:relative;padding:1.25rem 1.5rem 1.5rem;flex:1;background:white}.feature-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon i{font-size:1.5rem}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem}.feature-text{color:#666;font-size:0.95rem;margin-bottom:0}.badge-features{margin-top:2rem}.badge-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,0.05)}.badge-feature-item:last-child{border-bottom:none}.badge-feature-item i{font-size:1.25rem;margin-top:0.2rem}.badge-feature-item div{display:flex;flex-direction:column}.badge-feature-item div strong{font-weight:600;margin-bottom:0.25rem}.badge-feature-item div span{font-size:0.875rem;color:#666}.collection-swiper{padding-bottom:3rem}.collection-card{border-radius:1rem;overflow:hidden;height:280px;position:relative}.collection-card-link{display:block;height:100%;text-decoration:none;color:white}.collection-card-link:hover .collection-card-image img{transform:scale(1.1)}.collection-card-link:hover .collection-card-overlay{background:rgba(0,0,0,0.4)}.collection-card-image{position:absolute;top:0;left:0;width:100%;height:100%}.collection-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.collection-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 100%);transition:background 0.3s ease}.collection-card-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:1}.collection-card-content h4{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem}.collection-card-content p{font-size:0.875rem;opacity:0.8;margin-bottom:0}.app-mockup{text-align:center}.app-mockup img{max-height:500px;filter:drop-shadow(0 25px 50px rgba(0,0,0,0.15))}.app-features{margin-top:2rem}.app-feature-item{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:#f8f9fa;border-radius:0.75rem;height:100%}.app-feature-item i{font-size:1.25rem;color:#FAAA63}.app-feature-item span{font-weight:500}.app-cta{margin-top:2.5rem}.partner-swiper .swiper-wrapper{transition-timing-function:linear}.partner-swiper .swiper-slide{height:auto}.partner-logo-link{display:flex;align-items:center;justify-content:center;height:105px;padding:1rem 1.5rem;opacity:0.6;transition:opacity 0.3s ease}.partner-logo-link:hover{opacity:1}.partner-logo{max-height:68px;max-width:150px;object-fit:contain;filter:grayscale(100%);transition:filter 0.3s ease}.partner-logo:hover{filter:grayscale(0%)}.story-signature{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,0.1)}.landing-cta{padding:8rem 0;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.landing-cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}@media (min-width: 768px){.landing-cta-title{font-size:3.5rem}}.landing-cta-subtitle{font-size:1.25rem;color:#666;margin-bottom:2rem}.landing-cta-note{font-size:0.875rem;color:#999}.landing-cta-note i{color:#28a745}.landing-footer{background:#0f0f1a;padding:4rem 0 2rem;color:white}.footer-brand p{max-width:250px}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;color:white;transition:all 0.3s ease}.footer-social a:hover{background:#FAAA63;transform:translateY(-3px)}.footer-heading{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;color:white}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:0.75rem}.footer-links a{color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.3s ease;font-size:0.9rem}.footer-links a:hover{color:#FAAA63}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center}.footer-bottom p{color:rgba(255,255,255,0.4);font-size:0.875rem;margin-bottom:0}@media (max-width: 767px){.landing-hero-title{font-size:2.3rem}.landing-hero-subtitle{font-size:1rem}.landing-hero-stats{gap:1.5rem}.landing-hero-stats .stat-number{font-size:1.5rem}.landing-nav-actions .btn{padding:0.5rem 1rem;font-size:0.875rem}.section-title{font-size:2rem}.landing-cta-title{font-size:2rem}.landing-hero-actions .btn{display:block;width:100%;margin-bottom:0.75rem}.landing-hero-actions .btn.me-3{margin-right:0 !important}}html{scroll-behavior:smooth}
