*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#fff;color:#333}h1,h2,h3,h4,h5,h6{color:#2c3e50}.btn,.primary-btn,.secondary-btn,.success-btn,.tertiary-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:14px}.primary-btn{background-color:#c83637;color:#fff}.secondary-btn{background-color:#e0e0e0;color:#333}.tertiary-btn{background-color:#e74c3c;color:#fff}.success-btn{background-color:#2ecc71!important;color:#fff}.design-grid,.grid,.pattern-grid{display:grid;gap:15px}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.design-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.error,.loading{padding:15px;text-align:center;font-style:italic}.error{color:#721c24;background-color:#f8d7da;border-radius:5px}h1{text-align:center;margin-bottom:20px;color:#2c3e50}h2{color:#2c3e50;border-bottom:2px solid #ecf0f1;margin-top:0}