* { margin: 0; padding: 0; box-sizing: border-box; } .monlore-pricing-platinum { font-family: ‘Montserrat’, sans-serif; color: #05050a; line-height: 1.6; padding: 20px; } .monlore-container-platinum { max-width: 500px; margin: 0 auto; } .monlore-checkbox-platinum { display: none; } .monlore-toggle-btn-platinum { display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; padding: 15px 30px; background: linear-gradient(135deg, #f0f8ff, #e6f3ff); border: 2px solid #4a90e2; border-radius: 25px; font-size: 1rem; font-weight: 600; color: #2c5aa0; transition: all 0.3s ease; margin: 0 auto; width: fit-content; } .monlore-toggle-btn-platinum:hover { background: #4a90e2; color: white; } .monlore-toggle-icon-platinum { transition: transform 0.3s ease; display: inline-block; } .monlore-checkbox-platinum:checked + .monlore-toggle-btn-platinum .monlore-toggle-icon-platinum { transform: rotate(180deg); } .monlore-content-platinum { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .monlore-checkbox-platinum:checked ~ .monlore-content-platinum { max-height: 2000px; } .monlore-inner-platinum { padding-top: 30px; } .monlore-features-section-platinum { margin-bottom: 35px; } .monlore-section-title-platinum { font-size: 1.2rem; font-weight: 600; color: #495c4a; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #e8f5e8; } .monlore-section-icon-platinum { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; } .monlore-marketing-icon-platinum { background: linear-gradient(135deg, #caa87e, #d4b589); color: white; } .monlore-platform-icon-platinum { background: linear-gradient(135deg, #495c4a, #5a6b5b); color: white; } .monlore-premium-icon-platinum { background: linear-gradient(135deg, #d4af37, #f4d03f); color: white; } .monlore-feature-item-platinum { display: flex; align-items: flex-start; margin-bottom: 15px; } .monlore-feature-icon-platinum { width: 20px; height: 20px; border-radius: 50%; background: #495c4a; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 15px; margin-top: 2px; flex-shrink: 0; } .monlore-feature-text-platinum { color: #333; font-size: 0.95rem; line-height: 1.5; } .monlore-premium-options-platinum { background: linear-gradient(135deg, #f8f6f0, #fff8e8); padding: 20px; border-radius: 12px; margin-bottom: 25px; border: 1px solid rgba(212, 175, 55, 0.2); } .monlore-premium-tag-platinum { background: linear-gradient(135deg, #d4af37, #f4d03f); color: white; padding: 4px 12px; border-radius: 15px; font-size: 0.8rem; font-weight: 600; margin-left: 10px; display: inline-block; } .monlore-commission-badge-platinum { background: linear-gradient(135deg, #f0f8ff, #e6f3ff); border: 2px solid #4a90e2; color: #2c5aa0; padding: 12px 20px; border-radius: 25px; font-weight: 600; text-align: center; margin-top: 20px; font-size: 1rem; } @media (max-width: 480px) { .monlore-pricing-platinum { padding: 15px; } }