.container{max-width:1200px;margin:0 auto}.section{margin-bottom:80px}.section-header{display:flex;align-items:center;margin-bottom:30px}.section-header h2{font-size:1.5rem;margin-right:20px}.section-header .line{flex-grow:1;height:1px;background:var(--border)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.color-card{background:var(--bg-card);border:1px solid var(--border);padding:15px;border-radius:var(--radius)}.swatch{height:120px;border-radius:calc(var(--radius) / 2);margin-bottom:15px}.btn-group{display:flex;gap:20px;flex-wrap:wrap}.btn{padding:14px 32px;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;border:none;cursor:pointer;border-radius:var(--radius);transition:all .2s ease;font-size:.9rem;letter-spacing:.1em}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:#024;box-shadow:0 4px 12px rgba(0,51,102,.2)}.btn-outline{background:0 0;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:white}.btn-accent{background:var(--accent);color:white}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.card{background:var(--bg-card);border-left:5px solid var(--primary);padding:30px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:transform .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.card h3{margin-bottom:15px;font-size:1.25rem}.card p{color:var(--text-muted);margin-bottom:20px}