@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@700;800&family=Inter:wght@400;500&display=swap);:root{--font-heading:"Exo 2",sans-serif;--font-body:"Inter",sans-serif;--color-primary:#0af;--color-background:#0a0a10;--color-text-primary:#e0e0e0;--color-text-secondary:#a0a0a0;--color-glass-bg:#14192866;--color-glass-border:#6464784d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a10;background-color:var(--color-background);color:#e0e0e0;color:var(--color-text-primary);font-family:Inter,sans-serif;font-family:var(--font-body)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;position:relative;width:100%}.scene-container{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.scene-container:after{background:radial-gradient(ellipse at center,#0a0a1000 0,#0a0a10e6 80%,var(--color-background) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.content-container{overflow-y:auto;position:relative;width:100%;z-index:1}.scene-container.hidden{opacity:0;pointer-events:none}.detail-page-container{background-color:#1a1a24f2;border-radius:10px;box-shadow:0 0 50px #000c;margin:0 auto;max-width:800px;min-height:100vh;overflow-y:auto;padding:80px 20px}.detail-page-container h1{color:#4db6ac;margin-bottom:1rem}.back-link{color:#8c9eff;display:inline-block;font-weight:600;margin-bottom:2rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#5c6bc0}body{margin:0}.container{margin:0 auto;max-width:1400px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3em;margin-bottom:20px;text-align:center}.subtitle{color:#999;font-size:1.2em;margin-bottom:50px;text-align:center}.section{margin-bottom:80px}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:20px}.card{background:#2a2a2a;border-radius:40px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-image{height:250px;object-fit:cover;transition:transform .6s ease;width:100%}.card:hover .card-image{transform:scale(1.1)}.card-content{padding:25px}.card-category{border-radius:20px;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:6px 14px;text-transform:uppercase}.card-title{color:#fff;font-size:1.5em;line-height:1.3;margin-bottom:12px;transition:color .3s ease}.card-excerpt{color:#aaa;font-size:.95em;line-height:1.6;margin-bottom:20px}.card-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:15px}.card-author,.card-footer{align-items:center;display:flex}.card-author{gap:10px}.author-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:35px;width:35px}.author-name{color:#ddd;font-size:.9em;font-weight:500}.card-meta{color:#888;font-size:.85em}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000005e}.glass-card:hover{border-color:#667eea80;box-shadow:0 15px 40px 0 #667eea66;transform:translateY(-10px)}.glass-card .card-category{background:#667eea4d;border:1px solid #667eea80;color:#a5b4fc}.glass-card .card-image-wrapper{overflow:hidden;position:relative}.glass-card .card-image-wrapper:after{background:linear-gradient(0deg,#2a2a2ae6,#0000);bottom:0;content:"";height:100px;left:0;position:absolute;right:0}.blog-section{padding:rem}.blog-posts-container{display:flex;flex-direction:column}.navbar{align-items:center;animation:slideDown .6s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;left:50%;max-width:1200px;padding:15px 30px;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.navbar:before{background:linear-gradient(135deg,#ffffff4d,#fff0 50%,#ffffff4d);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .4s ease}.navbar:hover:before{animation:shimmer 2s infinite;opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar-logo a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8em;font-weight:700;letter-spacing:1px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-logo a:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-5px;box-shadow:0 0 10px #667eeacc;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.68,-.55,.265,1.55);width:0}.navbar-logo a:hover:after{width:100%}.navbar-links{display:flex;gap:10px;list-style:none;margin:0;padding:0}.navbar-links li a{border-radius:12px;color:#ffffffd9;display:inline-block;font-size:1em;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.navbar-links li a:before{background:linear-gradient(120deg,#667eea4d,#764ba24d);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:-1}.navbar-links li a:hover:before{left:0}.navbar-links li a:hover{background:#ffffff1a;box-shadow:0 0 20px #667eea99,inset 0 0 20px #667eea1a;color:#fff;transform:translateY(-3px)}.navbar-links li a.active{background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid #fff3;box-shadow:0 0 25px #667eeacc,inset 0 0 15px #ffffff1a;color:#fff}.navbar-links li a:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;width:0}.navbar-links li a:active:after{height:300px;opacity:0;width:300px}.navbar-links li a:hover{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-3px)}50%{transform:translateY(-6px)}}.navbar.cyber{background:#0a0a1eb3;border:2px solid #0ff;box-shadow:0 0 30px #0ff6,inset 0 0 30px #00ffff0d}.navbar.cyber .navbar-logo a{-webkit-text-fill-color:#0ff;color:#0ff;text-shadow:0 0 20px #0ffc}.navbar.cyber .navbar-links li a{border:1px solid #00ffff4d;color:#0ff}.navbar.cyber .navbar-links li a:hover{border-color:#f0f;box-shadow:0 0 30px #f0fc,inset 0 0 20px #f0f3;color:#f0f;text-shadow:0 0 10px #f0fc}.navbar.cyber .navbar-links li a.active{background:#0ff3;box-shadow:0 0 40px #0ff,inset 0 0 20px #00ffff4d}.navbar.aurora{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#1e3c7299,#2a529899 50%,#7e22ce99);border:1px solid #fff3}.navbar.aurora:before{animation:rotate 8s linear infinite;background:linear-gradient(45deg,#0000,#667eea4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar.aurora .navbar-links li a:hover{background:#ffffff26;box-shadow:0 0 30px #667eeacc,0 5px 20px #764ba266}.navbar.minimal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;left:0;max-width:none;padding:20px 60px;top:0;transform:none;width:100%}.navbar.minimal .navbar-links li a{border-radius:6px;padding:8px 16px}.navbar.minimal .navbar-links li a:before{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar.minimal .navbar-links li a:hover:before{width:100%}.navbar.minimal .navbar-links li a:hover{background:#ffffff0d;transform:translateY(-2px)}.navbar.holo{background:#14142899;background-clip:padding-box;border:2px solid #0000;position:relative}.navbar.holo:before{animation:gradient-shift 4s ease infinite;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#6a5acd,#ff0080);background-size:400% 400%;border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;z-index:-1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.navbar.holo .navbar-links li a{background:linear-gradient(135deg,#ffffff0d,#ffffff03)}.navbar.holo .navbar-links li a:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);box-shadow:0 0 30px #667eea99;transform:translateY(-3px) scale(1.05)}.navbar.holo .navbar-links li a.active{background:linear-gradient(135deg,#667eea80,#764ba280);box-shadow:0 0 40px #667eeae6}@media (max-width:768px){.navbar{flex-direction:column;gap:15px;padding:12px 20px;width:95%}.navbar-links{flex-wrap:wrap;gap:8px;justify-content:center}.navbar-links li a{font-size:.9em;padding:10px 16px}}.navbar-links li a{cursor:pointer;transition:all .3s ease}.navbar-links li{position:relative}.navbar-links li a:hover:before{animation:tooltipFade .3s ease forwards;animation-delay:.5s;background:#000c;border-radius:5px;bottom:-35px;color:#fff;content:attr(title);font-size:.75em;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes tooltipFade{to{bottom:-40px;opacity:1}}@keyframes particleTrail{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}.navbar-links li a.active{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 25px #667eeacc}50%{box-shadow:0 0 40px #667eea,0 0 60px #764ba299}}.navbar-links li a{transition:color .3s ease,background .4s ease,transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.products-page-container{color:#e0e0ff;margin:0 auto;max-width:1200px;min-height:100vh;padding:6rem 2rem 4rem;text-align:center}.products-page-container h1{color:#8c9eff;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #8c9eff80}.products-page-container p{color:#bdbde7;font-size:1.25rem;margin-bottom:4rem}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem}@media (max-width:768px){.products-page-container h1{font-size:2.5rem}}.product-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#282c34d9;border:1px solid #8c9eff66;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 15px 30px #8c9eff4d;transform:translateY(-5px)}.product-image{border:1px solid #5c6bc0;border-radius:8px;height:auto;margin-bottom:1rem;max-height:200px;object-fit:cover;width:100%}.product-info{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.product-info h3{color:#8c9eff;font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.product-info p{color:#bdbde7;flex-grow:1;font-size:1rem;margin-bottom:1.5rem}.buy-link{align-self:center;background-color:#4db6ac;border-radius:8px;color:#1a1a24;display:inline-block;font-weight:700;max-width:250px;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .1s ease;width:80%}.buy-link:hover{background-color:#80cbc4;transform:scale(1.05)}.showcase-container{color:#e0e0ff;margin:0 auto;max-width:1200px;min-height:100vh;padding:6rem 2rem 4rem;text-align:center}.showcase-title{color:#8c9eff;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #8c9eff80}.showcase-subtitle{color:#bdbde7;font-size:1.25rem;margin-bottom:4rem}.category-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem}.category-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#282c34b3;border:1px solid #8c9eff4d;border-radius:12px;color:inherit;padding:2rem;text-align:left;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.category-card:hover{background:#282c34e6;box-shadow:0 20px 40px #8c9eff33;transform:translateY(-10px) scale(1.02)}.card-title{border-bottom:2px solid #5c6bc0;color:#8c9eff;font-size:1.75rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.card-description{color:#bdbde7;font-size:1rem;margin-bottom:1.5rem}.card-link{color:#4db6ac;display:inline-block;font-weight:600;transition:color .3s ease}.category-card:hover .card-link{color:#80cbc4}@media (max-width:768px){.showcase-title{font-size:2.5rem}.category-grid{gap:2rem;grid-template-columns:1fr}}
/*# sourceMappingURL=main.4f0c4c36.css.map*/