Cheekini Briefs

About

:root { --primary: #10b981; --primary-dark: #059669; --accent: #f59e0b; --text: #1f2937; --text-muted: #6b7280; --bg: #f9fafb; --white: #ffffff; --shadow: 0 10px 35px rgba(0,0,0,0.1); --shadow-lg: 0 25px 50px -12px rgba(0,0,0,0.15); } * { box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--text); } .bc-collection { max-width: 1200px; margin: 0 auto; padding: 24px 16px; background: var(--bg); } .bc-hero { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--white); text-align: center; padding: clamp(40px, 8vw, 80px) clamp(24px, 5vw, 48px); border-radius: 24px; margin-bottom: clamp(32px, 6vw, 48px); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .bc-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #fef3c7, var(--accent), var(--primary)); } .bc-hero h1 { font-size: clamp(32px, 7vw, 48px); font-weight: 900; margin: 0 0 16px 0; line-height: 1.1; } .bc-hero .price { font-size: clamp(24px, 6vw, 36px); font-weight: 900; margin: 0 0 20px 0; } .bc-hero .features { font-size: clamp(16px, 3vw, 18px); margin: 0 0 28px 0; opacity: 0.95; } .bc-hero .badges { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; font-size: 14px; font-weight: 700; margin-bottom: 28px; } .bc-hero .cta { background: linear-gradient(135deg, #1e3a8a, #1e40af); color: var(--white); border: none; padding: clamp(16px, 4vw, 24px) clamp(32px, 8vw, 56px); font-size: clamp(16px, 4vw, 20px); border-radius: 16px; font-weight: 900; cursor: pointer; box-shadow: 0 12px 35px rgba(30,58,138,0.4); transition: all 0.3s ease; } .bc-hero .cta:hover { transform: translateY(-2px); box-shadow: 0 20px 45px rgba(30,58,138,0.5); } .bc-section { margin-bottom: clamp(40px, 8vw, 64px); } .bc-section h2 { font-size: clamp(24px, 5vw, 36px); font-weight: 900; color: var(--text); margin: 0 0 c