/* Only rules specific to sideloadly.html; shared defaults load first. */

.cf-btn-primary { display: inline-block; background: #27ae60; color: #ffffff !important; padding: 16px 36px; font-size: 1.15rem; font-weight: 600; border-radius: 6px; text-decoration: none !important; box-shadow: 0 4px 12px rgba(39,174,96,0.3); transition: all 0.2s ease; margin-bottom: 15px; }

.cf-btn-primary:hover { background: #219150; transform: translateY(-2px); }

.cf-btn-secondary { display: inline-block; color: #555 !important; padding: 10px 20px; font-size: 0.95rem; font-weight: 500; text-decoration: underline !important; transition: all 0.2s ease; }

.cf-btn-secondary:hover { color: #111 !important; }

.hero-image { max-width: 100%; height: auto; max-height: 400px; border-radius: 12px; box-shadow: 0 14px 28px rgba(0,0,0,0.12); object-fit: contain; margin-top: 30px; }