:root{--primary: hsl(171, 100%, 41%);--primary-dark: hsl(171, 100%, 21%);--secondary: hsl(220, 33%, 98%);--accent: hsl(348, 100%, 61%);--text-main: hsl(220, 15%, 20%);--text-muted: hsl(220, 10%, 45%);--bg-gradient: linear-gradient(135deg, hsl(171, 100%, 96%) 0%, hsl(220, 33%, 90%) 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow-soft: 0 4px 16px 0 rgba(31, 38, 135, .05);--radius-lg: 16px;--radius-md: 8px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);line-height:1.4;font-size:14px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f26871a}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-secondary{padding:.6rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--primary);background:transparent;color:var(--primary);font-weight:600;cursor:pointer;font-size:.9rem}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.navbar{display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:1000;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.logo-section{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-section span{font-size:1.15rem;font-weight:800;color:var(--primary);letter-spacing:-.5px}.nav-center{display:flex;gap:1.75rem;list-style:none}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-main);opacity:.8;cursor:pointer;transition:all .2s ease;padding:.25rem 0;position:relative}.nav-link:hover{opacity:1;color:var(--primary)}.nav-link.active{opacity:1;color:var(--primary);font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.nav-right{display:flex;align-items:center;gap:1rem}.cart-icon{position:relative;cursor:pointer;font-size:1.2rem;padding:.5rem}.cart-badge{position:absolute;top:0;right:0;background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;cursor:pointer}.mobile-menu-btn{display:none;font-size:1.4rem;cursor:pointer;padding:.5rem}.hero{padding:3rem 0;text-align:center}.hero h1{font-size:2.75rem;margin-bottom:.75rem;background:linear-gradient(90deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:500px;margin:0 auto 2rem}.hero-image-container{display:flex;justify-content:center;margin-top:2rem}.hero-image{max-width:100%;height:auto;max-height:400px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}@media(max-width:768px){.nav-center{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.mobile-drawer{position:fixed;top:64px;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:999;box-shadow:0 10px 30px #0000001a}.nav-link{font-size:1.1rem;padding:.5rem 0}}