@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&display=swap";:root{--primary: #E3000F;--primary-hover: #C5000C;--secondary: #FFD13B;--secondary-hover: #F2C123;--accent: #007AFF;--accent-hover: #0062CC;--bg-color: #FAFAFA;--surface: #FFFFFF;--text-dark: #1A1A1A;--text-light: #F8F9FA;--text-muted: #6B7280;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(227, 0, 15, .3);--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:800;font-size:1rem;padding:16px 32px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-smooth);text-decoration:none;text-transform:uppercase;letter-spacing:1px}.btn-primary{background-color:var(--primary);color:var(--text-light);box-shadow:0 8px 16px #e3000f40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 20px #e3000f59}.btn-secondary{background-color:var(--secondary);color:var(--text-dark);box-shadow:0 8px 16px #ffd13b40}.btn-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 12px 20px #ffd13b59}.header{position:fixed;top:0;left:0;width:100%;padding:16px 0;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);z-index:100;transition:all var(--transition-fast)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:900;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:8px}.logo span{color:var(--secondary);text-shadow:1px 1px 0px rgba(0,0,0,.1)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:600;font-size:1rem;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(255,209,59,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(227,0,15,.1) 0%,transparent 40%)}.hero-content{flex:1;max-width:600px;animation:fadeIn .8s ease-out forwards}.hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-dark)}.hero-title span{color:var(--primary);display:block}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:40px;font-weight:400}.hero-image{flex:1;position:relative;display:flex;justify-content:center;align-items:center;animation:float 6s ease-in-out infinite}.hero-image img{width:100%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:1/1}.highlights-header{text-align:center;margin-bottom:60px}.highlights-title{font-size:3rem;font-weight:900;color:var(--text-dark)}.highlights-title span{color:var(--secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);cursor:pointer;border:1px solid rgba(0,0,0,.03)}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.card-img-wrapper{background-color:var(--primary);height:250px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-img-wrapper img{width:90%;height:auto;object-fit:contain;transition:transform var(--transition-smooth)}.card:hover .card-img-wrapper img{transform:scale(1.05)}.card-content{padding:24px}.card-title{font-size:1.5rem;font-weight:800;margin-bottom:8px}.card-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.card-footer{display:flex;justify-content:space-between;align-items:center}.price{font-size:1.25rem;font-weight:800;color:var(--text-dark)}.btn-add{background-color:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-full);font-weight:700;cursor:pointer;transition:background var(--transition-fast)}.btn-add:hover{background-color:var(--accent-hover)}.about{background-color:var(--text-dark);color:var(--text-light)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-title{font-size:3rem;font-weight:900;margin-bottom:24px}.about-title span{color:var(--secondary)}.about-text{font-size:1.1rem;color:#fffc;margin-bottom:32px}.about-image{width:100%;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000080}.footer{background-color:#0a0a0a;color:#fff;padding:60px 0 30px;text-align:center}.footer-logo{font-size:2rem;font-weight:900;margin-bottom:24px}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:40px}.footer-links a{color:#fff9;text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--secondary)}.copyright{color:#fff6;font-size:.9rem}@media (max-width: 768px){.hero{flex-direction:column-reverse;text-align:center;padding-top:120px}.hero-title{font-size:3rem}.nav-links{display:none}.about-content{grid-template-columns:1fr}}