@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, .5);--secondary: #3b82f6;--accent: #06b6d4;--bg-dark: #0f172a;--bg-darker: #020617;--surface: rgba(30, 41, 59, .7);--surface-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--font-heading: "Montserrat", sans-serif;--font-body: "Lato", sans-serif;--glass-bg: rgba(15, 23, 42, .2);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .6)}*{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:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(16,185,129,.15) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.1) 0%,transparent 50%);animation:mesh 20s ease-in-out infinite alternate;z-index:-1;pointer-events:none}@keyframes mesh{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,-5%) rotate(5deg)}}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.container{padding:0 1rem}}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.45);border-left:1px solid rgba(255,255,255,.45);border-radius:20px;box-shadow:var(--glass-shadow),inset 0 1px 1px #ffffff1a;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}@media(max-width:768px){.glass{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-radius:16px}}.glass:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 50%,transparent 50.1%);pointer-events:none;z-index:1}.glass:hover{transform:translateY(-8px);border-color:#ffffff80;background:#0f172a4d;box-shadow:0 25px 50px #000000b3,inset 0 1px 2px #fff3}@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}}.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}