@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;background-color:#fffffff2;width:100%;transition:all .3s;position:fixed;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:12px;display:flex}.logo-image{object-fit:contain;width:auto;height:40px;display:block}.logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.nav-menu{align-items:center;gap:32px;display:flex}.nav-link{color:var(--color-text-main);font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link.active:after{content:"";background-color:var(--color-accent);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.nav-actions{align-items:center;gap:16px;display:flex}.nav-cart-badge{background-color:var(--color-accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:0;right:0}.nav-cart-badge.bump{animation:.4s cubic-bezier(.175,.885,.32,1.275) navBadgeBump}@keyframes navBadgeBump{0%{transform:scale(1)}50%{transform:scale(1.45)}to{transform:scale(1)}}.mobile-menu-icon{color:var(--color-text-main);background:0 0;display:none}.mobile-menu{background-color:var(--color-bg);border-top:1px solid var(--color-border);width:100%;height:calc(100vh - 80px);padding:24px;display:none;position:absolute;top:80px;left:0}@media screen and (width<=960px){.nav-menu,.nav-btn{display:none}.mobile-menu-icon,.mobile-menu.active{display:block}.mobile-nav-list{flex-direction:column;gap:24px;display:flex}.mobile-nav-link{font-size:1.25rem;font-weight:500;display:block}.mobile-btn{text-align:center;width:100%;margin-top:16px;display:block}}.home-page{padding-top:80px}.hero{background-color:var(--color-bg);padding:60px 0 80px;overflow:hidden}.hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.hero-title{letter-spacing:-1px;margin-bottom:24px;font-size:3.8rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);text-align:justify;max-width:540px;margin-bottom:36px;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-image-wrapper{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#0d1117;border-radius:24px;width:100%;max-width:510px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040,0 0 0 1px #ffffff14}.hero-slide-item{opacity:0;visibility:hidden;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:absolute;inset:0}.hero-slide-item.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.hero-image-full{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,0,.2,1);display:block}.hero-image-wrapper:hover .hero-image-full{transform:scale(1.04)}.hero-bottom-gradient{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#080c1226 25%,#080c1299 55%,#080c12eb 100%);flex-direction:column;justify-content:flex-end;height:35%;padding:16px 20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-slide-caption{text-align:center;width:100%}.hero-slide-title{color:#fff;letter-spacing:-.2px;text-shadow:0 2px 10px #000c,0 1px 3px #000000e6;font-size:1.15rem;font-weight:700}.hero-nav-btn{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#0f141cb3;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-image-wrapper:hover .hero-nav-btn{opacity:1}.hero-nav-prev{left:14px}.hero-nav-next{right:14px}.hero-nav-btn:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-50%)scale(1.08)}.video-showcase-section{color:#fff;background:linear-gradient(#160205 0%,#0b0103 100%);border-top:1px solid #a1142a59;border-bottom:1px solid #a1142a40;padding:90px 0;position:relative;overflow:hidden}.video-showcase-section .badge{color:#fca5a5;background:#a1142a40;border:1px solid #a1142a66}.video-showcase-section .section-title{color:#fff}.video-showcase-section .section-subtitle{color:#ffffffe0;max-width:660px;margin:0 auto;font-size:1.05rem;line-height:1.6}.video-showcase-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;display:grid}.video-card{background:0 0;border:none;border-radius:0;flex-direction:column;display:flex;overflow:visible}.video-player-wrap{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.video-player-wrap video{object-fit:cover;width:100%;height:100%;display:block}.video-title-overlay{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#0b010326 25%,#0b0103b8 55%,#0b0103f5 100%);align-items:flex-end;height:60%;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-title-overlay h3{color:#fff;letter-spacing:-.2px;text-shadow:0 2px 10px #000000d9,0 1px 3px #000000e6;margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.video-card-body{flex-direction:column;flex:1;padding:16px 0 0;display:flex}.video-card-body p{color:#ffffffbf;text-align:justify;text-justify:inter-word;flex:1;margin:0;font-size:.92rem;line-height:1.6}.categories-section{background-color:var(--color-surface);padding:90px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{letter-spacing:-.5px;font-size:2.5rem;font-weight:800}.categories-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.category-card{aspect-ratio:16/9;border-radius:18px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000d}.category-card.coming-soon{opacity:.68;cursor:default;border:1px dashed #00000026}.category-card.coming-soon .category-image{filter:grayscale()brightness(.7)}.category-card.coming-soon:hover .category-image{transform:none}.category-card.coming-soon .category-content h3{color:#e2e8f0}.category-card.coming-soon .category-desc{color:#94a3b8}.category-coming-soon-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;letter-spacing:.6px;text-transform:uppercase;z-index:3;background:#0f172ad1;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:14px;right:14px}.category-image-wrapper{width:100%;height:100%;position:relative}.category-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.category-overlay{background:linear-gradient(#0003 35%,#000000d1 100%);width:100%;height:100%;transition:background .35s;position:absolute;top:0;left:0}.category-card:hover .category-overlay{background:linear-gradient(#00000059 35%,#000000eb 100%)}.category-content{color:#fff;z-index:2;width:100%;padding:22px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.category-content h3{margin:0;font-size:1.35rem;font-weight:700;transition:transform .3s,margin .3s}.category-desc{opacity:0;max-height:0;margin:0;font-size:.88rem;line-height:1.4;transition:opacity .3s cubic-bezier(.16,1,.3,1),max-height .35s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),margin .3s;overflow:hidden;transform:translateY(8px)}.category-card:hover .category-content h3{margin-bottom:6px}.category-card:hover .category-desc{opacity:.95;max-height:90px;margin-top:4px;transform:translateY(0)}.category-card:hover .category-image{transform:scale(1.05)}.footer{background-color:var(--color-bg);text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:40px 0}@media screen and (width<=1100px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=960px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.badge{margin:0 auto 20px}.hero-subtitle{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-title{font-size:2.8rem}.video-showcase-grid,.categories-grid{grid-template-columns:1fr}.showcase-cta{text-align:center;flex-direction:column;padding:28px 24px}}@media screen and (width<=640px){.showcase-grid{grid-template-columns:1fr}.hero-title{font-size:2.3rem}.hero-image-wrapper{max-width:100%}}.site-footer{color:#f1f5f9;background:linear-gradient(#120205 0%,#070102 100%);border-top:1px solid #a1142a59;margin-top:auto;padding:64px 0 28px;font-family:inherit}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=600px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo-link{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:36px}.footer-logo-text{letter-spacing:-.5px;color:#fff;font-size:1.35rem;font-weight:700}.footer-logo-text .text-accent{color:#ef4444}.footer-desc{color:#f1f5f9;opacity:.95;max-width:320px;margin:0;font-size:.92rem;line-height:1.6}.footer-socials{gap:12px;margin-top:8px;display:flex}.social-btn{color:#fff;background-color:#24050b;border:1px solid #a1142a73;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:inline-flex}.social-btn:hover{background-color:var(--color-accent,#a1142a);color:#fff;border-color:var(--color-accent,#a1142a);transform:translateY(-2px);box-shadow:0 4px 14px #a1142a73}.social-btn.facebook:hover{background-color:#1877f2;border-color:#1877f2;box-shadow:0 4px 12px #1877f266}.social-btn.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#0000;box-shadow:0 4px 12px #dc274366}.footer-col h4{color:#fff;letter-spacing:.5px;margin:0 0 18px;font-size:1.05rem;font-weight:600}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#f1f5f9;font-size:.92rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.footer-links a:hover{color:#fff;text-shadow:0 0 8px #ffffff4d;transform:translate(4px)}.footer-feature-list{color:#f1f5f9;flex-direction:column;gap:10px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.footer-feature-list li{align-items:center;gap:8px;display:flex}.footer-feature-list li:before{content:"•";color:#ef4444;font-weight:700}.footer-bottom{color:#e2e8f0;border-top:1px solid #a1142a40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.88rem;display:flex}.footer-bottom strong{color:#fff}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#fff}.scroll-top-btn{color:#fff;cursor:pointer;background:#24050bd9;border:1px solid #a1142a73;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;transition:all .2s;display:inline-flex}.scroll-top-btn:hover{color:#fff;background-color:#a1142a;border-color:#a1142a;box-shadow:0 2px 10px #a1142a66}:root{--color-bg:#fff;--color-text-main:#111;--color-text-muted:#666;--color-accent:#a1142a;--color-accent-hover:#8a1022;--color-border:#eaeaea;--color-surface:#f8f8f8;--font-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}ul{list-style:none}button{cursor:pointer;font-family:var(--font-main);border:none;transition:all .2s}.btn-primary{background-color:var(--color-accent);color:#fff;border-radius:4px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-block}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #e5091433}.btn-secondary{color:var(--color-text-main);border:2px solid var(--color-text-main);background-color:#0000;border-radius:4px;padding:10px 26px;font-size:1rem;font-weight:600;display:inline-block}.btn-secondary:hover{background-color:var(--color-text-main);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-accent{color:var(--color-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}