:root{--primary-navy: #001f3f;--secondary-navy: #003366;--white: #ffffff;--light-gray: #f8f9fa;--accent-blue: #007bff;--text-dark: #333333;--text-light: #f8f9fa;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition-smooth)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.btn{display:inline-block;padding:12px 24px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;border:2px solid transparent}.btn-primary{background-color:var(--primary-navy);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-navy);transform:translateY(-2px)}.btn-outline{border-color:var(--primary-navy);color:var(--primary-navy)}.btn-outline:hover{background-color:var(--primary-navy);color:var(--white)}.text-center{text-align:center}.cart-badge{position:absolute;top:-10px;right:-15px;background-color:var(--accent-blue);color:var(--white);font-size:.7rem;padding:2px 6px;border-radius:50%;font-weight:700}.btn-sm{padding:8px 16px;font-size:.8rem}.grid{display:grid;gap:30px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;width:100%;padding:20px 0;background-color:transparent;z-index:1000;transition:var(--transition-smooth)}.navbar.scrolled{background-color:var(--primary-navy);padding:15px 0;box-shadow:var(--shadow-md)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:900;color:var(--white);letter-spacing:-1px}.nav-links{display:flex;list-style:none;gap:30px}.nav-link{color:var(--white);font-weight:500;opacity:.8}.nav-link:hover,.nav-link.active{opacity:1}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);position:relative;background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?auto=format&fit=crop&q=80&w=1920) no-repeat center center/cover}.hero-content h1{font-size:4rem;margin-bottom:20px;letter-spacing:2px}.hero-content p{font-size:1.2rem;max-width:600px;margin:0 auto 30px;opacity:.9}.card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.card-img{width:100%;height:200px;object-fit:cover}.card-content{padding:20px}.card-title{font-size:1.25rem;margin-bottom:10px}.card-price{font-weight:700;color:var(--primary-navy);margin-bottom:15px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:2000}.modal.active{display:flex}.modal-content{background:var(--white);padding:40px;border-radius:8px;max-width:600px;width:90%;position:relative}.close-modal{position:absolute;top:20px;right:20px;font-size:2rem}