@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#1d1d1d;min-height:100vh;line-height:1.6;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;overflow-x:hidden}.glass{background:#d9d9d90d;backdrop-filter:blur(8px);border:1px solid rgba(191,191,191,.1);box-shadow:0 4px 16px #00000014}.gradient-text{background:linear-gradient(45deg,#00d4ff,#ff6b6b,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-shine{animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) skew(-12deg)}50%{transform:translate(100%) skew(-12deg)}to{transform:translate(100%) skew(-12deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.banner-hover{will-change:transform,box-shadow;position:relative;overflow:hidden;border-radius:16px;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);cursor:pointer}.banner-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .6s cubic-bezier(.4,0,.2,1);z-index:1;border-radius:16px;overflow:hidden;box-sizing:border-box;margin:0;padding:0}.banner-container{position:relative;margin:0;padding:0;pointer-events:auto;cursor:pointer;z-index:5}.banner-container:first-child{margin-top:0}.banner-container:last-child{margin-bottom:0}.banner-content{position:relative;z-index:10;display:flex;flex-direction:column;padding:2rem;min-height:180px;width:100%;margin:0;border-radius:20px;background:var(--banner-gradient, linear-gradient(135deg, #dc2626 0%, #ea580c 100%));border:2px solid var(--banner-border, #1e3a8a);box-shadow:0 8px 24px #0000004d,0 4px 12px #0003;box-sizing:border-box;transform:translateZ(0);will-change:transform;pointer-events:auto;cursor:pointer;overflow:hidden;flex:1}.banner-content:before{content:"";position:absolute;inset:0;background:var( --banner-texture, radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .1) 0%, transparent 70%) );opacity:.3;pointer-events:none}.banner-logo-top{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.5rem;min-height:40px;width:100%;position:relative;z-index:2}.banner-logo-top img{border-radius:6px;background:#ffffff1a;padding:6px;box-shadow:0 2px 8px #0003;transition:all .3s ease;max-width:120px;width:auto;height:auto;filter:brightness(1.1) contrast(1.1)}.banner-main-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;gap:1.5rem;position:relative;z-index:2;padding:1rem 0;min-height:120px}.banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fff3,#ffffff1a);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);margin-right:.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:1.5rem}.banner-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#ffffff1a;padding:2px}.banner-icon:hover{transform:scale(1.1);background:#ffffff26;box-shadow:0 4px 12px #00000026}.banner-text{flex:1;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;position:relative;z-index:2;text-align:center;width:100%}.banner-main-content:not(:has(.banner-button)) .banner-text{margin-right:0}.banner-title{font-weight:800;font-size:1.8rem;color:#fff;line-height:1.1;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.4);text-align:center;letter-spacing:1px;text-transform:uppercase;will-change:transform,opacity,text-shadow;animation:ambientGlow 4.2s ease-in-out .24s infinite alternate both}.banner-description{font-size:1rem;color:#fffffff2;line-height:1.3;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;letter-spacing:.5px;text-transform:uppercase;will-change:transform,opacity,text-shadow;animation:ambientGlow 4.8s ease-in-out .52s infinite alternate both}.banner-title,.banner-description{will-change:transform,opacity,text-shadow}@keyframes ambientGlow{0%{opacity:.98;transform:translateY(0) scale(1);filter:brightness(1) contrast(1);text-shadow:0 3px 6px rgba(0,0,0,.35),0 0 0 rgba(255,255,255,0)}50%{opacity:1;transform:translateY(-1.5px) scale(1.012);filter:brightness(1.06) contrast(1.02);text-shadow:0 6px 16px rgba(0,0,0,.55),0 0 10px rgba(255,255,255,.28)}to{opacity:.98;transform:translateY(0) scale(1);filter:brightness(1) contrast(1);text-shadow:0 3px 6px rgba(0,0,0,.35),0 0 0 rgba(255,255,255,0)}}@media (prefers-reduced-motion: reduce){.banner-title,.banner-description{animation:none!important}}.banner-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:25px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:1rem;position:relative;overflow:hidden;min-width:100px;box-shadow:0 4px 12px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;z-index:2;backdrop-filter:blur(8px)}.banner-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0}.popular-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;box-shadow:0 4px 12px #fbbf2466}.popular-badge i{margin-right:.25rem}.large-gif-container,.small-gif-container{position:relative;margin:0;padding:0;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:5}.gif-wrapper{position:relative;border-radius:0;overflow:visible;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(12px);will-change:transform,box-shadow;display:flex;align-items:center;justify-content:center}.gif-wrapper:hover{transform:none;box-shadow:0 8px 32px #0000001a}.large-gif{width:100%;height:auto;object-fit:contain;display:block;max-width:100%;max-height:400px}.small-gif{width:100%;height:auto;object-fit:contain;display:block;max-width:100%;max-height:300px}.gif-popular-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.2rem .6rem;border-radius:16px;font-size:.75rem;font-weight:500;box-shadow:0 2px 8px #fbbf2466}.gif-popular-badge i{margin-right:.2rem}#banners{display:flex;flex-direction:column;gap:12px;padding:0 .5rem}.content-grid{display:flex;flex-direction:column;gap:var(--content-gap, 12px)}.banner-row{display:flex;gap:var(--content-gap, 12px);justify-content:center;align-items:stretch}.banner-row-double{.banner-container{flex:1;min-width:0;max-width:344px;width:calc((100% - 12px)/2);display:flex;flex-direction:column}}.banner-row-triple{.banner-container{flex:1;width:calc((100% - 24px) / 3);min-width:0;max-width:calc((700px - 24px) / 3);display:flex;flex-direction:column}}.banner-row:not(.banner-row-double):not(.banner-row-triple){.banner-container{width:100%;max-width:700px;min-width:0;display:flex;flex-direction:column}}.gif-row{display:flex;gap:var(--content-gap, 10px);justify-content:center;align-items:flex-start;height:auto}.gif-row-double{.large-gif-container,.small-gif-container{flex:1;min-width:0;max-width:345px;width:calc((100% - 10px)/2);overflow:visible;display:flex;align-items:center;justify-content:center}}.gif-row-triple{.large-gif-container,.small-gif-container{flex:1;width:calc((100% - 20px) / 3);min-width:0;max-width:calc((700px - 20px) / 3);overflow:visible;display:flex;align-items:center;justify-content:center}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{width:100%;max-width:700px;min-width:0;overflow:visible;display:flex;align-items:center;justify-content:center}}@media (max-width: 1200px){.banner-row-double .banner-container{max-width:calc((100vw - 2rem - 12px)/2);width:calc((100vw - 2rem - 12px)/2)}.banner-row-triple .banner-container{max-width:calc((100vw - 2rem - 24px) / 3);width:calc((100vw - 2rem - 24px) / 3)}.banner-container:not(.banner-row-triple .banner-container):not(.banner-row-double .banner-container){max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)}}@media (max-width: 768px){.banner-row,.gif-row{flex-direction:row!important;gap:8px;flex-wrap:nowrap!important}.banner-row-double{.banner-container{flex:1 1 0!important;min-width:0!important;max-width:calc(50% - 4px)!important;width:auto!important}}.gif-row-double{.large-gif-container,.small-gif-container{flex:1 1 0!important;min-width:0!important;max-width:calc(50% - 4px)!important;width:auto!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}}.banner-row-triple{.banner-container{flex:1 1 0!important;min-width:0!important;max-width:calc(33.333% - 6px)!important;width:auto!important}}.gif-row-triple{.large-gif-container,.small-gif-container{flex:1 1 0!important;min-width:0!important;max-width:calc(33.333% - 6px)!important;width:auto!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}}.banner-row:not(.banner-row-double):not(.banner-row-triple){.banner-container{max-width:100%;min-width:0;width:100%}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{max-width:100%;min-width:0;width:100%;overflow:visible;display:flex;align-items:center;justify-content:center}}.large-gif{max-height:300px}.small-gif{max-height:200px}}@media (max-width: 600px){.banner-row-triple{max-width:170px}.banner-row-double{max-width:280px}.banner-row-double .banner-container{max-width:calc((100vw - 1rem - 8px)/2);width:calc((100vw - 1rem - 8px)/2)}.banner-row-triple .banner-container{max-width:calc((100vw - 1rem - 16px) / 3);width:calc((100vw - 1rem - 16px) / 3)}.banner-container:not(.banner-row-triple .banner-container):not(.banner-row-double .banner-container){max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}}@media (max-width: 480px){.banner-row-triple{max-width:140px}.banner-row-double{max-width:250px}.banner-row-double .banner-container{max-width:calc((100vw - .5rem - 4px)/2);width:calc((100vw - .5rem - 4px)/2)}.banner-row-triple .banner-container{max-width:calc((100vw - .5rem - 8px) / 3);width:calc((100vw - .5rem - 8px) / 3)}.banner-container:not(.banner-row-triple .banner-container):not(.banner-row-double .banner-container){max-width:calc(100vw - .5rem);width:calc(100vw - .5rem)}}@media (max-width: 360px){.large-gif{max-height:150px}.small-gif{max-height:120px}.banner-row-triple{max-width:100px}.banner-row-double{max-width:220px}.banner-content{padding:.3rem .25rem;min-height:50px}.banner-logo-top{margin-bottom:.25rem;min-height:25px}.banner-logo-top img{max-width:65px!important;width:auto!important;height:auto!important}.banner-icon{width:20px;height:20px;margin-right:.25rem}.banner-title{font-size:.55rem;line-height:1.1}.banner-description{font-size:.5rem;line-height:1.1}.banner-button{padding:.15rem .3rem;font-size:.5rem;min-width:22px}}@media (max-width: 1200px){.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc((100vw - 2rem - 10px)/2);width:calc((100vw - 2rem - 10px)/2)}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc((100vw - 2rem - 20px) / 3);width:calc((100vw - 2rem - 20px) / 3)}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)}}}@media (max-width: 768px){.gif-row{gap:8px}.large-gif{max-height:300px}.small-gif{max-height:200px}.gif-row-double{.large-gif-container,.small-gif-container{flex:1 1 0!important;min-width:0!important;max-width:calc(50% - 4px)!important;width:auto!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}}.gif-row-triple{.large-gif-container,.small-gif-container{flex:1 1 0!important;min-width:0!important;max-width:calc(33.333% - 6px)!important;width:auto!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{max-width:100%;min-width:0;width:100%;overflow:visible;display:flex;align-items:center;justify-content:center}}}@media (max-width: 600px){.large-gif{max-height:250px}.small-gif{max-height:180px}.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc((100vw - 1rem - 8px)/2);width:calc((100vw - 1rem - 8px)/2)}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc((100vw - 1rem - 16px) / 3);width:calc((100vw - 1rem - 16px) / 3)}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}}.banner-row-double{.banner-container{max-width:calc(50% - 1.5px)!important}}.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc(50% - 1.5px)!important}}.banner-row-triple{.banner-container{max-width:calc(33.333% - 2px)!important}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc(33.333% - 2px)!important}}}@media (max-width: 480px){.large-gif{max-height:200px}.small-gif{max-height:150px}.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc((100vw - .5rem - 4px)/2);width:calc((100vw - .5rem - 4px)/2)}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc((100vw - .5rem - 8px) / 3);width:calc((100vw - .5rem - 8px) / 3)}}.gif-row:not(.gif-row-double):not(.gif-row-triple){.large-gif-container,.small-gif-container{max-width:calc(100vw - .5rem);width:calc(100vw - .5rem)}}.banner-row-double{.banner-container{max-width:calc(50% - 1px)!important}}.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc(50% - 1px)!important}}.banner-row-triple{.banner-container{max-width:calc(33.333% - 1.5px)!important}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc(33.333% - 1.5px)!important}}}@media (max-width: 400px){.banner-row-double{.banner-container{max-width:calc(50% - .5px)!important}}.gif-row-double{.large-gif-container,.small-gif-container{max-width:calc(50% - .5px)!important}}.banner-row-triple{.banner-container{max-width:calc(33.333% - 1px)!important}}.gif-row-triple{.large-gif-container,.small-gif-container{max-width:calc(33.333% - 1px)!important}}}.mx-auto{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem}.container{max-width:1200px;margin:0 auto}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}#app{min-height:100vh;display:flex;flex-direction:column}