@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Lato:wght@300;400;700;900&display=swap";:root{--primary: #10b981;--primary-glow: rgba(16, 185, 129, .4);--secondary: #3b82f6;--accent: #06b6d4;--bg-dark: #020617;--bg-darker: #000000;--surface: rgba(15, 23, 42, .6);--surface-border: rgba(255, 255, 255, .05);--text-main: #f8fafc;--text-muted: #64748b;--font-heading: "Montserrat", sans-serif;--font-body: "Lato", sans-serif;--glass-bg: rgba(15, 23, 42, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .8)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-darker);color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(16,185,129,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center center;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scan 12s linear infinite;opacity:.15;z-index:-1;pointer-events:none}@keyframes scan{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 20px 50px #00000080,inset 0 1px 2px #ffffff1a;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);pointer-events:none}.glass:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary-glow);background:#0f172a40;box-shadow:0 30px 60px #000c,0 0 20px var(--primary-glow)}@media(max-width:768px){.glass:hover{transform:none}}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:-.04em;line-height:1.1}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:100px;font-family:var(--font-heading);font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none;gap:.75rem;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px #10b98180;filter:brightness(1.1)}.btn-outline{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{background:#ffffff14;border-color:var(--primary);transform:translateY(-2px)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media(max-width:992px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.hero-section{background-position:center!important}@media(max-width:768px){.hero-section{background-position:85% center!important}}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#000;font-size:.65rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-toggle{padding:.4rem .8rem;font-size:.7rem;border-radius:8px;font-weight:800;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s ease}.lang-toggle:hover{background:#ffffff1a;border-color:var(--primary)}.nav-link:hover{color:var(--primary)!important;transform:translateY(-1px)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}section{padding:10rem 0}.product-card-container{perspective:2000px;width:100%;height:520px;cursor:pointer}.product-card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;transform:rotateY(0)}.product-card-container.is-flipped .product-card-inner{transform:rotateY(180deg)}.product-card-front,.product-card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;overflow:hidden}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:250px;min-width:250px;background:var(--glass-bg);padding:2rem 1rem;overflow-y:auto}.dashboard-content{flex:1;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;text-align:center}.rover-table{overflow-x:auto}.rover-table table{width:100%;border-collapse:collapse}.rover-table th,.rover-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--surface-border)}.rover-table tr:hover{background:var(--surface)}.product-card-back{transform:rotateY(180deg);background:#0f172afa!important;display:flex;flex-direction:column;padding:2.5rem}.product-card-front.glass:hover{transform:none}.product-card-back.glass:hover{transform:rotateY(180deg)}.product-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card-container:hover .product-card-image{transform:scale(1.05)}
