@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
:root{--primary-neon:#00e5ff;--secondary-neon:#ff2ec7;--accent-neon:#7a00ff;--success-neon:#0f8;--warning-neon:#ffb800;--error-neon:#f36;--gold:gold;--gold-light:orange;--gold-dark:#ff8c00;--bg-primary:#050505;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-glass:#ffffff0d;--bg-overlay:#000000d9;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:gray;--text-accent:#00e5ff;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Poppins", "Space Grotesk", sans-serif;--font-mono:"Courier New", "Monaco", "Menlo", monospace;--font-heading:var(--font-display);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-16:128px;--spacing-20:160px;--spacing-24:192px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1);--transition-slower:all .9s cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.6s;--duration-slower:.9s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .6, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-neon-sm:0 0 10px var(--primary-neon);--shadow-neon:0 0 20px var(--primary-neon);--shadow-neon-lg:0 0 40px var(--primary-neon);--shadow-neon-xl:0 0 60px var(--primary-neon);--shadow-neon-secondary:0 0 20px var(--secondary-neon);--shadow-neon-accent:0 0 20px var(--accent-neon);--glow-primary:0 0 20px #00e5ff80;--glow-primary-lg:0 0 40px #00e5ff99;--glow-secondary:0 0 20px #ff2ec780;--glow-secondary-lg:0 0 40px #ff2ec799;--glow-accent:0 0 20px #7a00ff80;--glow-accent-lg:0 0 40px #7a00ff99;--glow-success:0 0 20px #00ff8880;--glow-warning:0 0 20px #ffb80080;--glow-error:0 0 20px #ff336680;--glow-gold:0 0 30px #ffd70099;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.section-title,.carousel-title,.hero-title,.platforms-title,.info-card-title,.card-title,.content-card-title,.carousel-card-title{font-family:var(--font-display);font-weight:700}.section-title,.carousel-title,.platforms-title{text-transform:uppercase;align-items:center;gap:.75rem;display:flex}.section-title:before,.section-title:after,.carousel-title:before,.carousel-title:after,.platforms-title:before,.platforms-title:after{content:none!important;display:none!important}.section-title .section-icon,.section-title>i:first-child,.carousel-title .section-icon,.carousel-title>i:first-child,.platforms-title .section-icon,.platforms-title>i:first-child{background:linear-gradient(135deg, var(--primary-neon), var(--secondary-neon));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;justify-content:center;align-items:center;width:1.2em;font-size:1.2em;display:inline-flex}.section-title>span,.carousel-title>span,.platforms-title>span{background:linear-gradient(135deg, var(--primary-neon), var(--secondary-neon));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.video-title{align-items:center;gap:.75rem;display:flex}.video-title .section-icon{flex-shrink:0}.badge-featured,.featured-badge{background:linear-gradient(135deg, var(--gold), var(--gold-light), var(--gold));color:#000;border-radius:var(--radius-full);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--glow-gold), inset 0 0 15px #ffd7004d, 0 4px 15px #0000004d;text-shadow:0 1px 2px #0000004d;z-index:3;white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:flex;position:absolute;top:1.5rem;left:1.5rem}.badge-featured i,.featured-badge i{font-size:1rem}.badge-premiere,.premiere-badge{background:linear-gradient(135deg, var(--gold), var(--gold-light), var(--gold));color:#000;border-radius:var(--radius-full);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--glow-gold), inset 0 0 15px #ffd7004d, 0 4px 15px #0000004d;text-shadow:0 1px 2px #0000004d;z-index:3;white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:flex;position:absolute;top:1.5rem;left:1.5rem}.badge-premiere i,.premiere-badge i{font-size:1rem}.badge-featured--top-right,.featured-badge--top-right,.badge-premiere--top-right,.premiere-badge--top-right{top:1.5rem;left:auto;right:1.5rem}.badge-featured--top-center,.featured-badge--top-center,.badge-premiere--top-center,.premiere-badge--top-center{top:1.5rem;left:50%;transform:translate(-50%)}.badge-featured--inline,.badge-premiere--inline{margin:.5rem;display:inline-flex;position:relative;top:auto;left:auto;right:auto}.container{width:100%;max-width:1400px;padding:0 var(--spacing-4);margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.grid{display:grid}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}@media (max-width:1536px){.container{max-width:1280px}}@media (max-width:1280px){.container{max-width:1024px;padding:0 var(--spacing-3)}}@media (max-width:1024px){.container{max-width:768px;padding:0 var(--spacing-2)}}@media (max-width:768px){.container{padding:0 var(--spacing-2)}.badge-featured,.featured-badge,.badge-premiere,.premiere-badge{font-size:var(--text-xs);padding:.5rem 1rem}}@media (max-width:480px){.container{padding:0 var(--spacing-1)}.badge-featured,.featured-badge,.badge-premiere,.premiere-badge{padding:.4rem .8rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--primary-neon);outline-offset:2px}@media print{*{color:#000!important;box-shadow:none!important;background:#fff!important}.badge-featured,.featured-badge,.badge-premiere,.premiere-badge{color:#000!important;box-shadow:none!important;background:gold!important}}.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:4rem 0;display:grid}.bento-item{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);transition:var(--transition-normal);border:1px solid #ffffff1a;flex-direction:column;justify-content:flex-start;padding:2.5rem;display:flex;position:relative;overflow:hidden}.bento-item.glass-glow{background:#0f0f0f66;border:1px solid #ffffff0d;box-shadow:inset 0 0 20px #ffffff05}.bento-item:hover{border-color:var(--primary-neon);transform:translateY(-5px);box-shadow:0 10px 30px #00e5ff1a}.bento-item i{background:linear-gradient(135deg, var(--primary-neon), var(--secondary-neon));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2.5rem}.bento-item h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.bento-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.section-compact{padding:4rem 0!important}.section-header--centered{text-align:center;max-width:800px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto}.section-header--centered .section-title{justify-content:center}.badge-featured--inline{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-weight:700;display:inline-flex}.bento-item.large{grid-area:span 2/span 2}.bento-item.wide{grid-column:span 2}.bento-item.tall{grid-row:span 2}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-item.wide,.bento-item.large{grid-column:span 1}}.ecosystem-container{text-align:center;padding:6rem 0}.ecosystem-viz{justify-content:center;align-items:center;gap:4rem;margin-top:4rem;display:flex;position:relative}.eco-node{background:var(--bg-glass);border:2px solid var(--primary-neon);z-index:2;width:200px;height:200px;transition:var(--transition-normal);box-shadow:var(--shadow-neon-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.eco-node:hover{box-shadow:var(--shadow-neon);transform:scale(1.05)}.eco-node i{color:var(--primary-neon);font-size:3rem}.eco-node span{font-family:var(--font-display);text-transform:uppercase;font-size:.9rem;font-weight:700}.eco-arrow{background:linear-gradient(90deg, var(--primary-neon), var(--secondary-neon));width:100px;height:2px;box-shadow:var(--shadow-neon-sm);position:relative}.eco-arrow:after{content:"";color:var(--secondary-neon);font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}@media (max-width:768px){.ecosystem-viz{flex-direction:column;gap:2rem}.eco-arrow{background:linear-gradient(180deg, var(--primary-neon), var(--secondary-neon));width:2px;height:50px}.eco-arrow:after{content:"";inset:auto auto -5px 50%;transform:translate(-50%)}}.modal-steps{justify-content:space-between;margin-bottom:2.5rem;padding:0 10px;display:flex;position:relative}.modal-steps:before{content:"";z-index:1;background:#ffffff1a;height:2px;position:absolute;top:15px;left:0;right:0}.step-indicator{background:var(--bg-secondary);z-index:2;width:32px;height:32px;transition:var(--transition-normal);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-indicator.active{background:var(--primary-neon);border-color:var(--primary-neon);color:var(--bg-primary);box-shadow:var(--shadow-neon-sm)}.step-indicator.completed{background:var(--success-neon);border-color:var(--success-neon);color:var(--bg-primary)}.faq-section{max-width:800px;margin:4rem auto}.faq-item{background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid #ffffff1a;margin-bottom:1rem;overflow:hidden}.faq-question{cursor:pointer;transition:var(--transition-normal);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.faq-question:hover{background:#ffffff08}.faq-question h3{margin:0;font-size:1.1rem;font-weight:600}.faq-answer{color:var(--text-secondary);border-top:1px solid #ffffff0d;padding:0 1.5rem 1.5rem;display:none}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-question i{transform:rotate(180deg)}.community-carousel-section{background:#000;width:100vw;height:calc(100vh - 80px);margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.carousel-container{background:#000;width:100%;height:100%;position:relative}.carousel-wrapper{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.community-carousel-section .carousel-track{will-change:transform!important;background:#000!important;height:100%!important;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;position:relative!important}.community-carousel-section .carousel-slide{opacity:1!important;background:#000!important;flex:none!important;justify-content:flex-start!important;align-items:center!important;height:100%!important;transition:opacity .6s ease-in-out!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important}.community-carousel-section .carousel-slide.active{opacity:1!important}.community-carousel-section .slide-content{z-index:100!important;text-align:left!important;color:#fff!important;max-width:750px!important;padding:3rem 2rem 1rem!important;position:absolute!important;top:55%!important;left:5rem!important;transform:translateY(-50%)!important}.community-carousel-section .slide-badge{background:linear-gradient(45deg, var(--secondary-neon), var(--accent-neon))!important;color:var(--text-primary)!important;font-size:var(--text-sm)!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-shadow:0 0 10px var(--text-primary)!important;z-index:101!important;border-radius:50px!important;margin-bottom:1.5rem!important;padding:.5rem 1rem!important;font-weight:600!important;display:inline-block!important;position:relative!important;box-shadow:0 0 20px #ff2ec74d!important}.community-carousel-section .slide-title{font-family:var(--font-display)!important;font-size:var(--text-6xl)!important;color:#fff!important;text-shadow:2px 2px 4px #000c!important;z-index:101!important;background:0 0!important;margin-bottom:1.5rem!important;font-weight:800!important;line-height:1.1!important;display:block!important;position:relative!important}.community-carousel-section .slide-description{font-size:var(--text-lg)!important;color:#ffffffe6!important;z-index:101!important;margin-bottom:2rem!important;line-height:1.6!important;position:relative!important}.community-carousel-section .slide-stats{z-index:101!important;gap:2rem!important;margin-bottom:2rem!important;display:flex!important;position:relative!important}.community-carousel-section .slide-stat{flex-direction:column!important;gap:.25rem!important;display:flex!important}.community-carousel-section .slide-stat-value{font-family:var(--font-display)!important;font-size:var(--text-3xl)!important;color:var(--primary-neon)!important;text-shadow:0 0 20px var(--primary-neon)!important;font-weight:800!important}.community-carousel-section .slide-stat-label{font-size:var(--text-sm)!important;color:#ffffffb3!important;text-transform:uppercase!important;letter-spacing:.05em!important}.community-carousel-section .btn-primary{color:var(--primary-neon)!important;border:2px solid var(--primary-neon)!important;font-size:var(--text-base)!important;cursor:pointer!important;transition:var(--transition)!important;z-index:101!important;background:#141414e6!important;border-radius:50px!important;align-items:center!important;gap:.5rem!important;padding:1rem 2rem!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.community-carousel-section .btn-primary:hover{color:var(--primary-neon)!important;box-shadow:0 0 10px var(--primary-neon), 0 0 20px var(--primary-neon), 0 0 30px var(--primary-neon)!important;z-index:101!important;background:#1e1e1ef2!important;transform:translateY(-2px)!important}.community-carousel-section .btn-secondary{color:#fff!important;font-size:var(--text-base)!important;cursor:pointer!important;transition:var(--transition)!important;z-index:101!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:50px!important;align-items:center!important;gap:.5rem!important;padding:1rem 2rem!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important}.community-carousel-section .btn-secondary:hover{z-index:101!important;background:#ffffff26!important;border-color:#fff6!important;transform:translateY(-2px)!important}.community-carousel-section .slide-background{background:#000;z-index:1!important;background-position:top!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}.community-carousel-section .slide-bg-image{object-fit:cover!important;object-position:center center!important;z-index:1!important;opacity:.4!important;width:100vw!important;min-width:100vw!important;height:100%!important;min-height:100%!important;transition:opacity .3s!important;display:block!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.community-carousel-section .slide-overlay{z-index:2!important;pointer-events:none!important;background:linear-gradient(135deg,#000000b3,#0006)!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.community-carousel-section .carousel-btn{cursor:pointer!important;width:50px!important;height:50px!important;transition:var(--transition)!important;z-index:300!important;border-radius:50%!important;font-size:1.2rem!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.community-carousel-section .prev-btn{left:2rem!important}.community-carousel-section .next-btn{right:2rem!important}.community-carousel-section .carousel-indicators{z-index:300!important;gap:1rem!important;display:flex!important;position:absolute!important;bottom:2rem!important;left:50%!important;transform:translate(-50%)!important}.community-carousel-section .indicator{cursor:pointer!important;width:12px!important;height:12px!important;transition:var(--transition)!important;z-index:300!important;background:0 0!important;border:2px solid #ffffff4d!important;border-radius:50%!important}.community-carousel-section .indicator.active{background:var(--primary-neon)!important;border-color:var(--primary-neon)!important;box-shadow:0 0 15px var(--primary-neon)!important}@media (max-width:1024px){.community-carousel-section{height:calc(100vh - 60px)!important}.community-carousel-section .slide-title{font-size:var(--text-4xl)!important}.community-carousel-section .slide-content{max-width:550px!important;padding:1.5rem!important;left:2rem!important}.community-carousel-section .carousel-btn{width:40px!important;height:40px!important;font-size:1rem!important}.community-carousel-section .prev-btn{left:1rem!important}.community-carousel-section .next-btn{right:1rem!important}}@media (max-width:768px){.community-carousel-section{height:65vh!important}.community-carousel-section .slide-title{font-size:var(--text-3xl)!important;line-height:1.2!important}.community-carousel-section .slide-description{font-size:var(--text-base)!important;margin-bottom:1.5rem!important}.community-carousel-section .slide-stats{flex-direction:column!important;gap:.75rem!important;margin-bottom:1.5rem!important}.community-carousel-section .slide-content{max-width:100%!important;padding:1.25rem!important;top:50%!important;left:1rem!important;right:1rem!important;transform:translateY(-50%)!important}.community-carousel-section .carousel-btn{width:36px!important;height:36px!important;font-size:.9rem!important}.community-carousel-section .prev-btn{left:.5rem!important}.community-carousel-section .next-btn{right:.5rem!important}.community-carousel-section .slide-stat{border-bottom:1px solid #ffffff1a!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding-bottom:.5rem!important}}
.btn{border-radius:var(--radius-full);font-family:var(--font-primary);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--primary-neon);outline-offset:2px}.btn-action-primary,.btn-primary[type=submit],.btn-primary.submit-btn,.buy-btn,.add-to-cart{color:#fff;background:linear-gradient(135deg,#5865f2 0%,#ec4899 100%);border:none;box-shadow:0 0 20px #5865f266}.btn-action-primary:hover,.btn-primary[type=submit]:hover,.btn-primary.submit-btn:hover,.buy-btn:hover,.add-to-cart:hover{background:linear-gradient(135deg,#4752c4 0%,#db2777 100%);transform:translateY(-2px);box-shadow:0 0 30px #5865f299}.btn-action-primary:active,.btn-primary[type=submit]:active,.btn-primary.submit-btn:active,.buy-btn:active,.add-to-cart:active{transform:translateY(0)}.btn-action-primary:disabled,.btn-primary[type=submit]:disabled,.btn-primary.submit-btn:disabled,.buy-btn:disabled,.add-to-cart:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action-secondary,.btn-secondary,.view-details,.read-more,.wishlist-btn{-webkit-backdrop-filter:blur(10px);border:1px solid var(--primary-neon);color:var(--primary-neon);text-shadow:0 0 15px var(--primary-neon);background:#14141466;box-shadow:0 0 20px #00e5ff33,inset 0 0 15px #00e5ff0d}.btn-action-secondary:hover,.btn-secondary:hover,.view-details:hover,.read-more:hover,.wishlist-btn:hover{color:var(--primary-neon);text-shadow:0 0 20px var(--primary-neon), 0 0 40px var(--primary-neon);border-color:var(--primary-neon);background:#1e1e1ef2;transform:translateY(-2px);box-shadow:0 0 30px #00e5ff99,0 0 60px #00e5ff4d,inset 0 0 20px #00e5ff1a}.btn-filter--blog,.btn-filter--catalog,.btn-filter--experiences,.btn-filter--store{transition:all .3s}.btn-action-secondary:active,.btn-secondary:active,.view-details:active,.read-more:active,.wishlist-btn:active{transform:translateY(0)}.btn-action-secondary:disabled,.btn-secondary:disabled,.view-details:disabled,.read-more:disabled,.wishlist-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wishlist-btn.active{border-color:var(--secondary-neon);color:var(--secondary-neon);text-shadow:0 0 15px var(--secondary-neon);background:#ff2ec726}.btn-filter,.blog-category-btn,.category-filter-btn,.filter-btn,.category-btn{background:var(--bg-glass);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition);cursor:pointer;border:2px solid #ffffff1a;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;display:inline-flex;position:relative}.btn-filter:hover,.blog-category-btn:hover,.category-filter-btn:hover,.filter-btn:hover,.category-btn:hover{border-color:var(--secondary-neon);color:var(--secondary-neon);text-shadow:0 0 15px var(--secondary-neon);background:#ff2ec71a;box-shadow:0 0 20px #ff2ec74d}.btn-filter.active,.blog-category-btn.active,.category-filter-btn.active,.filter-btn.active,.category-btn.active{border-color:var(--secondary-neon);color:var(--secondary-neon);text-shadow:0 0 20px var(--secondary-neon);background:linear-gradient(135deg,#ff2ec733,#ff2ec71a);transform:scale(1.05);box-shadow:0 0 25px #ff2ec799}.btn--xs{font-size:var(--text-xs);gap:.25rem;padding:.4rem .8rem}.btn--sm{font-size:var(--text-sm);gap:.375rem;padding:.5rem 1rem}.btn--md{font-size:var(--text-base);gap:.5rem;padding:.75rem 1.5rem}.btn--lg{font-size:var(--text-lg);gap:.75rem;padding:1rem 2rem}.btn--xl{font-size:var(--text-xl);gap:1rem;padding:1.25rem 2.5rem}.btn--loading{color:#0000;pointer-events:none;position:relative}.btn--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.btn--full-width{width:100%;display:flex}.btn--icon-only{aspect-ratio:1;padding:.75rem}.btn--icon-only.btn--xs{padding:.4rem}.btn--icon-only.btn--sm{padding:.5rem}.btn--icon-only.btn--lg{padding:1rem}.btn--icon-only.btn--xl{padding:1.25rem}.btn--grouped{border-radius:0}.btn--grouped:first-child{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.btn--grouped:last-child{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.btn--grouped:not(:first-child){margin-left:-1px}.btn-primary:not([type=submit]):not(.submit-btn):not(.buy-btn):not(.add-to-cart){color:var(--primary-neon);border:2px solid var(--primary-neon);background:#141414e6}.btn-primary:not([type=submit]):not(.submit-btn):not(.buy-btn):not(.add-to-cart):hover{color:var(--primary-neon);text-shadow:0 0 10px var(--primary-neon), 0 0 20px var(--primary-neon), 0 0 30px var(--primary-neon);background:#1e1e1ef2;transform:translateY(-2px);box-shadow:0 0 30px #00e5ff80,0 0 60px #00e5ff33,inset 0 0 20px #00e5ff1a}@media (max-width:768px){.btn{font-size:var(--text-sm);padding:.625rem 1.25rem}.btn--lg{font-size:var(--text-base);padding:.875rem 1.75rem}.btn--xl{font-size:var(--text-lg);padding:1rem 2rem}}@media (max-width:480px){.btn{font-size:var(--text-xs);padding:.5rem 1rem}.btn--full-width{width:100%}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}.btn-premium{z-index:1;font-family:inherit;position:relative;text-transform:uppercase!important;letter-spacing:1px!important;cursor:pointer!important;color:#000!important;background:linear-gradient(135deg,gold 0%,orange 50%,#ff8c00 100%)!important;border:none!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;gap:.6rem!important;padding:.8rem 2rem!important;font-size:1rem!important;font-weight:700!important;text-decoration:none!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:inline-flex!important;box-shadow:0 4px 15px #ffd7004d,0 0 30px #ffd7001a!important}.btn-premium:hover{color:#000!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 25px #ffd70080,0 0 50px #ffd70033!important}.btn-premium.disabled,.btn-premium:disabled{color:#666!important;cursor:not-allowed!important;box-shadow:none!important;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%)!important;transform:none!important}.btn-disabled,.btn:disabled{filter:grayscale();opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}
@keyframes glow{0%{box-shadow:0 0 10px var(--primary-neon)}to{box-shadow:0 0 20px var(--primary-neon), 0 0 30px var(--primary-neon)}}@keyframes glowSecondary{0%{box-shadow:0 0 10px var(--secondary-neon)}to{box-shadow:0 0 20px var(--secondary-neon), 0 0 30px var(--secondary-neon)}}@keyframes glowAccent{0%{box-shadow:0 0 10px var(--accent-neon)}to{box-shadow:0 0 20px var(--accent-neon), 0 0 30px var(--accent-neon)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--primary-neon)}50%{box-shadow:0 0 30px var(--primary-neon), 0 0 50px var(--primary-neon)}}@keyframes neonPulse{0%,to{opacity:.3;box-shadow:0 0 5px var(--primary-neon)}50%{opacity:1;box-shadow:0 0 20px var(--primary-neon), 0 0 30px var(--primary-neon)}}@keyframes neon-glow-text{0%,to{text-shadow:0 0 10px var(--primary-neon)}50%{text-shadow:0 0 20px var(--primary-neon), 0 0 30px var(--primary-neon)}}@keyframes logoGlow{0%{box-shadow:0 0 20px var(--primary-neon);transform:scale(1)}to{box-shadow:0 0 40px var(--primary-neon), 0 0 60px var(--secondary-neon);transform:scale(1.05)}}@keyframes titleGlow{0%,to{text-shadow:0 0 20px var(--primary-neon)}50%{text-shadow:0 0 30px var(--primary-neon), 0 0 40px var(--secondary-neon)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes breathing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes articleFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px)translate(100px)}}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes particle-float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(100px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rainbow-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes holographicShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes neonGlow{0%,to{box-shadow:0 0 10px var(--primary-neon)}50%{box-shadow:0 0 30px var(--primary-neon), 0 0 50px var(--primary-neon)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes matrixFall{0%{opacity:1;top:-100%}to{opacity:0;top:100%}}@keyframes legendary-glow{0%{filter:brightness()drop-shadow(0 0 10px #ffffff80)}to{filter:brightness(1.2)drop-shadow(0 0 20px #fffc)}}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cardExpand{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.15)translateY(-20px)}}@keyframes scrollBanner{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes testimonialsInfiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-glow{animation:2s ease-in-out infinite alternate glow}.animate-glow-secondary{animation:2s ease-in-out infinite alternate glowSecondary}.animate-glow-accent{animation:2s ease-in-out infinite alternate glowAccent}.animate-glow-pulse{animation:2s ease-in-out infinite glowPulse}.animate-neon-pulse{animation:3s ease-in-out infinite neonPulse}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-pulse-scale{animation:2s ease-in-out infinite pulseScale}.animate-breathing{animation:3s ease-in-out infinite breathing}.animate-slide-up{animation:.6s ease-out slideUp}.animate-slide-down{animation:.6s ease-out slideDown}.animate-slide-left{animation:.6s ease-out slideLeft}.animate-slide-right{animation:.6s ease-out slideRight}.animate-slide-in-up{animation:.6s ease-out slideInUp}.animate-slide-in-left{animation:.6s ease-out slideInLeft}.animate-slide-in-right{animation:.6s ease-out slideInRight}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-fade-out{animation:.6s ease-out fadeOut}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-scale-out{animation:.3s ease-out scaleOut}.animate-zoom-in{animation:.3s ease-out zoomIn}.animate-zoom-out{animation:.3s ease-out zoomOut}.animate-float{animation:3s ease-in-out infinite floatElement}.animate-float-subtle{animation:4s ease-in-out infinite floatElement}.animate-bounce{animation:1s ease-in-out infinite bounce}.animate-shake{animation:.5s ease-in-out shake}.animate-spin{animation:1s linear infinite spin}.animate-spin-reverse{animation:1s linear infinite spinReverse}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-gradient-shift{background-size:200% 200%;animation:3s infinite gradientShift}.animate-shimmer{animation:2s linear infinite shimmer}.animate-rainbow-border{animation:3s infinite rainbow-border}.animate-glitch{animation:.3s ease-in-out glitch}.animate-matrix-fall{animation:linear infinite matrixFall}.animate-legendary-glow{animation:2s ease-in-out infinite alternate legendary-glow}.animate-loading-shimmer{animation:1.5s infinite loading-shimmer}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cardSlideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-card-1{animation-delay:0s}.animate-card-2{animation-delay:50ms}.animate-card-3{animation-delay:.1s}.animate-card-4{animation-delay:.15s}.animate-card-5{animation-delay:.2s}.animate-card-6{animation-delay:.25s}@keyframes cardGlow{0%,to{box-shadow:0 8px 32px #0000004d}50%{box-shadow:0 20px 40px #0006,0 0 30px #00e5ff33,0 0 60px #00e5ff1a}}@keyframes borderRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes sectionFadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes carouselSlide{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes snapBack{0%{transform:translateX(var(--snap-offset,0))}to{transform:translate(0)}}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 30px #00e5ff4d}.hover-scale{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.animate-card-entrance{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardFadeUp}.animate-section-entrance{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards sectionFadeUp}.animate-count-up{animation:.6s ease-out forwards countUp}.scroll-hidden{opacity:0;transform:translateY(40px)}.scroll-visible{opacity:1;transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.scroll-visible-fast{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(30px)}.stagger-children.animate>:first-child{animation:.5s forwards cardFadeUp}.stagger-children.animate>:nth-child(2){animation:.5s 50ms forwards cardFadeUp}.stagger-children.animate>:nth-child(3){animation:.5s .1s forwards cardFadeUp}.stagger-children.animate>:nth-child(4){animation:.5s .15s forwards cardFadeUp}.stagger-children.animate>:nth-child(5){animation:.5s .2s forwards cardFadeUp}.stagger-children.animate>:nth-child(6){animation:.5s .25s forwards cardFadeUp}.parallax-slow,.parallax-medium,.parallax-fast{will-change:transform}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/200% 100%;animation:1.5s infinite skeleton-wave}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 60%);width:100%;height:100%;transition:transform .6s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ripple-effect:active:after{opacity:1;transition:all;transform:translate(-50%,-50%)scale(2)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float,.animate-float-subtle,.animate-bounce,.animate-pulse,.animate-pulse-scale,.animate-breathing,.animate-card-entrance,.animate-section-entrance,.scroll-visible,.scroll-visible-fast{opacity:1!important;animation:none!important;transform:none!important}.stagger-children>*{opacity:1;transform:none}.parallax-slow,.parallax-medium,.parallax-fast{will-change:auto}}
.particles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:var(--primary);opacity:.6;border-radius:50%;width:2px;height:2px;animation:linear infinite float;position:absolute}.particle:nth-child(odd){background:var(--secondary);animation-duration:8s}.particle:nth-child(3n){background:var(--accent);animation-duration:12s}.neon-line-horizontal{background:linear-gradient(90deg, transparent, var(--primary), transparent);height:1px;animation:3s ease-in-out infinite neonPulse;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.neon-line-vertical{background:linear-gradient(180deg, transparent, var(--secondary), transparent);width:1px;animation:3s ease-in-out infinite reverse neonPulse;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hover-glow{box-shadow:var(--glow-primary);transition:var(--transition-normal)}.hover-glow:hover{box-shadow:var(--glow-primary), 0 0 30px var(--primary)}.text-glow{text-shadow:0 0 10px var(--primary)}.text-glow-secondary{text-shadow:0 0 10px var(--secondary)}.text-glow-accent{text-shadow:0 0 10px var(--accent)}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-glow:hover:before{left:100%}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card-glow:hover:before{opacity:1}.loading-screen{background:var(--dark);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-content{text-align:center;color:var(--light)}.loading-logo{margin-bottom:var(--space-8)}.loading-logo .logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));width:80px;height:80px;font-size:var(--text-4xl);color:var(--dark);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite alternate logoGlow;display:flex}.loading-title{font-family:var(--font-heading);font-size:var(--text-5xl);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-weight:900;animation:3s ease-in-out infinite titleGlow}.loading-subtitle{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gray);margin-bottom:var(--space-8)}.loading-dots{justify-content:center;gap:var(--space-2);display:flex}.loading-dot{background:var(--primary);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both dotBounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}.scroll-reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.animate-slide-up{animation:.6s ease-out slideInUp}.animate-slide-left{animation:.6s ease-out slideInLeft}.animate-slide-right{animation:.6s ease-out slideInRight}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-float{animation:3s ease-in-out infinite floatElement}.animate-glow{animation:2s ease-in-out infinite alternate glow}.neon-border{border:1px solid var(--primary);box-shadow:0 0 10px var(--primary);transition:var(--transition-normal)}.neon-border:hover{box-shadow:0 0 20px var(--primary), 0 0 30px var(--primary)}.neon-border-secondary{border:1px solid var(--secondary);box-shadow:0 0 10px var(--secondary);transition:var(--transition-normal)}.neon-border-secondary:hover{box-shadow:0 0 20px var(--secondary), 0 0 30px var(--secondary)}.matrix-rain{pointer-events:none;z-index:-1;opacity:.1;width:100%;height:100%;position:fixed;top:0;left:0}.matrix-column{color:var(--primary);font-family:var(--font-mono);font-size:14px;line-height:1;animation:linear infinite matrixFall;position:absolute;top:-100%}.holographic{background:linear-gradient(45deg, var(--primary) 0%, var(--secondary) 25%, var(--accent) 50%, var(--secondary) 75%, var(--primary) 100%);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite holographicShift}.cyber-grid{opacity:.3;z-index:-1;background-image:linear-gradient(#00e5ff1a 1px,#0000 1px),linear-gradient(90deg,#00e5ff1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.notification{top:100px;right:var(--space-4);background:var(--card-bg);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--light);box-shadow:var(--glow-primary);z-index:var(--z-modal);transition:transform .3s;position:fixed;transform:translate(100%)}.notification.show{transform:translate(0)}.notification-success{border-color:var(--success);box-shadow:0 0 20px #00ff884d}.notification-error{border-color:var(--error);box-shadow:0 0 20px #ff2d554d}.notification-warning{border-color:var(--warning);box-shadow:0 0 20px #ffb8004d}@media (max-width:768px){.particle{width:1px;height:1px}.loading-logo .logo-icon{width:60px;height:60px;font-size:var(--text-3xl)}.loading-title{font-size:var(--text-3xl)}.notification{right:var(--space-2);left:var(--space-2);transform:translateY(-100%)}.notification.show{transform:translateY(0)}}
.header{z-index:var(--z-fixed);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-normal);padding:var(--space-3) 0;background:linear-gradient(#000000b3 0%,#0000004d 100%);position:fixed;top:0;left:0;right:0}.header.scrolled{background:#000000e6;box-shadow:0 2px 20px #00000080}.header-container{max-width:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--primary);transition:var(--transition-normal);font-weight:900;text-decoration:none;display:flex}.logo:hover{text-shadow:var(--glow-primary);transform:scale(1.05)}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-xl);color:var(--dark);justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate glow;display:flex}.logo-text{font-family:var(--font-heading);font-weight:900;font-size:var(--text-2xl);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-subtitle{font-family:var(--font-heading);font-weight:400;font-size:var(--text-sm);color:var(--gray);margin-left:var(--space-1)}.nav{align-items:center;gap:var(--space-8);display:flex}.nav-menu{gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--light);border-radius:var(--radius-md);transition:var(--transition-normal);font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:before{content:"";background:var(--primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link i{font-size:var(--text-sm)}.has-submenu .nav-link{position:relative}.submenu-icon{font-size:var(--text-xs);transition:var(--transition-normal)}.has-submenu:hover .submenu-icon{transform:rotate(180deg)}.submenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-2);opacity:0;visibility:hidden;min-width:200px;transition:var(--transition-normal);z-index:var(--z-dropdown);background:#000000f2;border:1px solid #ffffff1a;position:absolute;top:100%;left:0;transform:translateY(-10px)}.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu-item{list-style:none}.submenu-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--gray);border-radius:var(--radius-md);transition:var(--transition-fast);font-size:var(--text-sm);text-decoration:none;display:flex}.submenu-link:hover{color:var(--primary);background:#ffffff1a}.user-actions{align-items:center;gap:var(--space-4);display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--gray);font-size:var(--text-sm);z-index:2;position:absolute}.search-input{border-radius:var(--radius-full);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-8);color:var(--light);font-size:var(--text-sm);width:200px;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.search-input:focus{border-color:var(--primary);box-shadow:var(--glow-primary);outline:none;width:250px}.search-input::placeholder{color:var(--gray)}.live-indicator{align-items:center;gap:var(--space-2);background:var(--error);color:var(--light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:flex}.live-dot{background:var(--light);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.notification-bell{color:var(--light);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-normal);position:relative}.notification-bell:hover{color:var(--primary)}.notification-count{background:var(--error);color:var(--light);font-size:var(--text-xs);border-radius:var(--radius-full);text-align:center;min-width:18px;padding:2px 6px;font-weight:700;position:absolute;top:-5px;right:-5px}.notification-bell-wrapper{align-items:center;margin-right:15px;display:flex;position:relative}.notification-dropdown{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;visibility:hidden;z-index:10000;background:#0a0a0afa;border:1px solid #00e5ff2e;border-radius:12px;flex-direction:column;width:320px;min-width:280px;max-width:min(320px,100vw - 2rem);max-height:400px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;transform:translateY(15px)scale(.95);box-shadow:0 12px 30px #000c}.notification-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.notification-dropdown:before{content:"";border-bottom:6px solid #0a0a0afa;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;right:20px}.notification-dropdown-header{color:var(--text-primary);background:#00e5ff0d;border-bottom:1px solid #00e5ff2e;flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem;font-size:1rem;font-weight:600;display:flex}.notification-dropdown-header i{color:var(--primary-neon);text-align:center;filter:drop-shadow(0 0 4px #00e5ff4d);width:20px}.notification-dropdown-divider{background:#ffffff1a;flex-shrink:0;height:1px;margin:0}.notification-dropdown-list{max-height:340px;padding:.5rem 0;overflow-y:auto}.notification-dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.notification-dropdown-item:after{content:"";background:var(--secondary-neon);width:0;height:2px;transition:var(--transition);position:absolute;bottom:10px;left:1.25rem}.notification-dropdown-item:hover{color:var(--text-primary);font-weight:600;transform:translate(4px)}.notification-dropdown-item:hover:after{width:calc(100% - 2.5rem)}.notification-dropdown-item i{text-align:center;width:20px;color:var(--primary-neon);filter:drop-shadow(0 0 4px #00e5ff4d);flex-shrink:0;transition:all .3s}.notification-dropdown-item:hover i{color:var(--text-primary);filter:drop-shadow(0 0 8px #00e5ff99);transform:scale(1.1)}.notification-dropdown-empty{text-align:center;color:var(--text-secondary);padding:1.25rem;font-size:.9rem;font-weight:500}@media (max-width:768px){.notification-dropdown{width:min(320px,100vw - 2rem);min-width:260px;right:-10px}}.mobile-menu-toggle{color:var(--light);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-normal);background:0 0;border:none;display:none}.mobile-menu-toggle:hover{color:var(--primary);background:#ffffff1a}.footer{background:var(--dark);padding:var(--space-16) 0 var(--space-8);border-top:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent) 1}.footer-container{max-width:100%;padding:0 var(--space-4);margin:0 auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-section h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.footer-section p{color:var(--gray);margin-bottom:var(--space-4);line-height:1.6}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{align-items:center;gap:var(--space-2);color:var(--gray);font-size:var(--text-sm);transition:var(--transition-fast);text-decoration:none;display:flex}.footer-links a:hover{color:var(--primary)}.social-links{gap:var(--space-3);margin-top:var(--space-4);display:flex}.social-link{background:var(--card-bg);width:40px;height:40px;color:var(--gray);transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:var(--primary);color:var(--dark);box-shadow:var(--glow-primary);transform:translateY(-2px)scale(1.1)}.newsletter-section{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-12) 0;text-align:center;border:1px solid #ffffff1a}.newsletter-content h3{color:var(--primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.newsletter-content p{color:var(--gray);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.newsletter-form{max-width:400px;margin:0 auto}.newsletter-input-group{gap:var(--space-2);background:var(--dark);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid #ffffff1a;display:flex}.newsletter-input{color:var(--light);padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:0 0;border:none;flex:1}.newsletter-input:focus{outline:none}.newsletter-input::placeholder{color:var(--gray)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid #ffffff1a}.footer-bottom-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copyright p{color:var(--gray);font-size:var(--text-sm);margin:0}.footer-links-bottom{gap:var(--space-6);display:flex}.footer-links-bottom a{color:var(--gray);font-size:var(--text-sm);transition:var(--transition-fast);text-decoration:none}.footer-links-bottom a:hover{color:var(--primary)}@media (max-width:992px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-2);margin:var(--space-2);opacity:0;visibility:hidden;transition:var(--transition-normal);background:#000000f2;border:1px solid #ffffff1a;flex-direction:column;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-toggle{display:block}.user-actions{gap:var(--space-2)}.search-input{width:150px}.search-input:focus{width:180px}.live-indicator{display:none}}@media (max-width:768px){.header-container{padding:0 var(--space-3)}.logo-text{font-size:var(--text-xl)}.logo-subtitle{display:none}.user-actions{gap:var(--space-1)}.search-box,.notification-bell{display:none}.footer-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.newsletter-section{padding:var(--space-6)}.newsletter-input-group{gap:var(--space-3);flex-direction:column}.newsletter-input{border-radius:var(--radius-lg);border:1px solid #ffffff1a}.footer-bottom-content{text-align:center;gap:var(--space-4);flex-direction:column}.footer-links-bottom{justify-content:center;gap:var(--space-4);flex-wrap:wrap}}@media (max-width:480px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.newsletter-section{padding:var(--space-4)}.newsletter-content h3{font-size:var(--text-lg)}.social-links{justify-content:center}}.event-card-container{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem;width:100%;margin-top:2rem;display:grid}@media (max-width:1100px){.event-card-container{grid-template-columns:1fr}}.event-summary-card{cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;padding:0;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.event-summary-card:hover{border-color:var(--primary-neon);background:#ffffff0f;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #00e5ff1a}.event-summary-card.active{border-color:var(--primary-neon);background:#00e5ff05;grid-column:span 2;box-shadow:0 0 30px #00e5ff26}@media (max-width:1100px){.event-summary-card.active{grid-column:1}}.event-card-banner{background:#111;width:100%;height:180px;position:relative;overflow:hidden}.event-card-banner img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.event-summary-card:hover .event-card-banner img{transform:scale(1.05)}.event-card-banner:after{content:"";background:linear-gradient(#0000,#000c);width:100%;height:60%;position:absolute;bottom:0;left:0}.event-card-content-wrapper{padding:1.5rem 2rem}.event-card-header{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.event-card-info-main{flex:1}.event-card-title{color:var(--text-primary)!important;text-transform:none!important;margin:0 0 .5rem!important;font-size:1.5rem!important;font-weight:700!important}.event-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;font-size:.9rem;display:flex}.event-card-meta-item{align-items:center;gap:.5rem;display:flex}.event-card-meta-item i{color:var(--primary-neon);text-align:center;width:16px}.event-card-expand-icon{width:44px;height:44px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.event-summary-card:hover .event-card-expand-icon{background:var(--primary-neon);color:var(--bg-primary);border-color:var(--primary-neon)}.event-summary-card.active .event-card-expand-icon{background:var(--primary-neon);color:var(--bg-primary);transform:rotate(180deg)}.event-details-panel{opacity:0;width:100%;max-height:0;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.event-details-panel.active{opacity:1;max-height:5000px;margin-top:1rem;margin-bottom:2rem}.event-details-content{background:#0006;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:2.5rem;padding:2.5rem;display:flex}.event-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.event-details-section h4{color:var(--primary-neon)!important;text-transform:uppercase!important;letter-spacing:2px!important;align-items:center!important;gap:.75rem!important;margin-top:0!important;margin-bottom:1.5rem!important;font-size:.9rem!important;font-weight:700!important;display:flex!important}.event-description-modern{color:var(--text-secondary);font-size:1rem;line-height:1.8}.server-card-mini{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex}.server-card-icon{background:linear-gradient(135deg, var(--primary-neon), var(--accent-neon));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:0 4px 15px #00e5ff4d}.server-card-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.participants-modern-list,.staff-modern-list{flex-wrap:wrap;gap:1.25rem;display:flex}.mini-person-modern{background:#ffffff08;border:1px solid #ffffff0f;border-radius:60px;align-items:center;gap:1rem;min-width:180px;padding:.6rem 1.25rem .6rem .6rem;transition:all .3s;display:flex;position:relative}.mini-person-modern:hover{border-color:var(--primary-neon);background:#ffffff14;transform:translate(8px)}.mini-person-avatar-outer{flex-shrink:0;width:42px;height:42px;position:relative}.mini-person-avatar{object-fit:cover!important;border:2px solid var(--primary-neon)!important;border-radius:50%!important;width:100%!important;height:100%!important}.mini-person-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;z-index:500;background:#0a0a0ffa;border:1px solid #00e5ff4d;border-radius:12px;min-width:160px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px #0009}.mini-person-modern:hover .mini-person-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-roles-list{flex-direction:column;gap:.4rem;display:flex}.tooltip-role-badge{color:var(--primary-neon);white-space:nowrap;text-align:center;background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;display:block}.participants-modern-list{flex-wrap:wrap;gap:1.5rem;padding:.5rem;display:flex}.participant-circle-item{cursor:default;width:58px;height:58px;position:relative}.participant-circle-item:hover{z-index:10}.participant-avatar-outer{background:#ffffff08;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:3px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.participant-circle-item:hover .participant-avatar-outer{border-color:var(--primary-neon);transform:scale(1.15)rotate(5deg);box-shadow:0 0 20px #00e5ff4d}.participant-avatar-img{object-fit:cover;background:var(--bg-surface);border-radius:50%;width:100%;height:100%}.participant-details-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;text-align:center;background:#0a0a0ff2;border:1px solid #ffffff26;border-radius:12px;min-width:140px;padding:.8rem 1.2rem;transition:all .3s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #00000080}.participant-circle-item:hover .participant-details-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.participant-tooltip-name{color:#fff;white-space:nowrap;margin-bottom:2px;font-size:.9rem;font-weight:700;display:block}.participant-tooltip-role{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);white-space:nowrap;font-size:.7rem;display:block}.role-vencedor .participant-avatar-outer{border-color:gold;box-shadow:0 0 10px #ffd70033}.role-vencedor:hover .participant-avatar-outer{border-color:gold;box-shadow:0 0 25px #ffd70080}.role-vencedor .participant-tooltip-role{color:gold;font-weight:800}.role-finalista .participant-avatar-outer{border-color:var(--primary-neon)}.role-finalista .participant-tooltip-role{color:var(--primary-neon)}.role-especial .participant-avatar-outer,.role-participacao-especial .participant-avatar-outer{border-color:var(--secondary-neon)}.role-especial .participant-tooltip-role,.role-participacao-especial .participant-tooltip-role{color:var(--secondary-neon)}.role-convidado .participant-avatar-outer{border-color:var(--accent-neon)}.role-convidado .participant-tooltip-role{color:var(--accent-neon)}.mini-person-info{flex-direction:column;display:flex}.mini-person-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.mini-person-role{color:var(--text-secondary);font-size:.75rem}@media (max-width:768px){.event-details-content{padding:1.5rem}.event-details-grid{grid-template-columns:1fr;gap:2rem}}