@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif!important}body{font-family:Roboto,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.section-padding{padding:100px 0}:root{--font-primary: "Roboto", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)!important}body{font-family:var(--font-primary)!important;overflow-x:hidden}button,input,select,textarea,a,.MuiButton-root,.MuiTypography-root,.MuiChip-root,.MuiButtonBase-root{font-family:var(--font-primary)!important}.gradient-text{background:linear-gradient(45deg,#000,#5d3fd3);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.reveal{position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}.loader{display:flex;flex-direction:column;align-items:center}.loader-text{font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;color:#fff;letter-spacing:.5rem;position:relative;animation:glitch 1s linear infinite alternate}@keyframes glitch{0%{text-shadow:.05em 0 0 #00C9A7,-.05em -.025em 0 #5D3FD3;transform:translate(0)}25%{text-shadow:.05em 0 0 #00C9A7,-.05em -.025em 0 #5D3FD3;transform:translate(-.025em,.025em)}50%{text-shadow:-.05em -.025em 0 #00C9A7,.025em .05em 0 #5D3FD3;transform:translate(0)}75%{text-shadow:-.05em -.025em 0 #00C9A7,.025em .05em 0 #5D3FD3;transform:translate(.025em,-.025em)}to{text-shadow:-.05em -.025em 0 #00C9A7,.025em .05em 0 #5D3FD3;transform:translate(0)}}button,.MuiButton-root,.MuiButtonBase-root,.MuiTypography-root,.MuiChip-root,.MuiChip-label{font-family:Roboto,sans-serif!important}.hero-section{position:relative;overflow:hidden;height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#000,#202020);color:#fff}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#5d3fd333,#0000 70%)}.hero-section:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 70% 70%,#00c9a733,#0000 70%)}.hero-content{position:relative;z-index:2}.products-grid{animation:fadeInUp 1s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.navaflix-button{background:linear-gradient(45deg,#e50914 30%,#ff4d4d 90%);transition:all .3s ease-in-out;box-shadow:0 4px 20px #e509144d}.navaflix-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #e5091466}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,0fr));gap:20px;margin-top:30px;justify-content:center}.image-container{width:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.image-container:hover{transform:scale(1.05)}.coming-soon-badge{position:absolute;top:10px;right:10px;background:linear-gradient(45deg,#5d3fd3,#00c9a7);color:#fff;padding:5px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.card-hover-effect{transition:all .3s ease}.card-hover-effect:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0000001a}
