:root { --primary-color: #2487ce; --primary-dark: #1f75b5; --secondary-color: #1e293b; --text-color: #334155; --text-light: #64748b; --background-color: #fff; --card-bg: #ffffff; --border-color: #e2e8f0; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --radius-sm: 0.25rem; --radius-md: 0.5rem; --radius-lg: 1rem; --transition: all 0.3s ease; }

 body { margin-top: 72px;}

 .product-container { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }

 .product-card { border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; transition: var(--transition); }

 @media (min-width: 768px) { .product-card { flex-direction: row; } }

 .product-media { flex: 1; min-height: 300px; position: relative; overflow: hidden; }

 .product-media iframe { width: 100%; height: calc(100vw * 9 / 16); max-height: 315px; border-radius: 12px; }

 .product-info { flex: 1; padding: 2rem; display: flex; flex-direction: column; }

 .product-title { margin: 0 0 1rem; font-size: 2rem; font-weight: 700; color: var(--secondary-color); position: relative; padding-bottom: 0.5rem; }

 .product-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: var(--primary-color); border-radius: 2px; }

 .product-price { display: flex; align-items: baseline; margin-bottom: 1.5rem; }

 .price-value { font-size: 2.5rem; font-weight: 700; color: var(--primary-color); }

 .price-duration { margin-left: 0.5rem; font-size: 1rem; color: var(--text-light); }

 .product-description { margin-bottom: 2rem; color: var(--text-color); line-height: 1.7; }

 .product-features { margin-bottom: 2rem; }

 .feature-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: var(--secondary-color); }

 .feature-list { list-style-type: none; padding: 0; margin: 0; }

 .feature-item { display: flex; align-items: center; margin-bottom: 0.75rem; }

 .feature-icon { color: var(--primary-color); margin-right: 0.75rem; font-size: 1.25rem; }

 .payment-options { display: flex; flex-direction: column; gap: 1rem; margin-top: auto; }

 .payment-btn { display: flex; align-items: center; justify-content: center; padding: 1rem; border-radius: var(--radius-md); font-weight: 600; cursor: pointer; transition: var(--transition); border: none; font-size: 1rem; gap: 0.5rem; }

 .payment-btn i { font-size: 1.25rem; }

 .btn-card { background-color: var(--primary-color); color: white; }

 .btn-card:hover { background-color: var(--primary-dark); transform: translateY(-2px); }

 .btn-crypto { background-color: #111827; color: white; }

 .btn-crypto:hover { background-color: #030712; transform: translateY(-2px); }

 .no-fee-tag { background-color: rgba(255, 255, 255, 0.2); padding: 0.25rem 0.5rem; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 500; margin-left: 0.5rem; }

 .terms-notice { font-size: 0.875rem; color: var(--text-light); margin-top: 1.5rem; line-height: 1.5; }

 .divider { width: 100%; height: 1px; background-color: var(--border-color); margin: 1.5rem 0; }

 @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

 .product-card { animation: fadeIn 0.6s ease-out; }

 .product-title, .product-price, .product-description, .product-features, .payment-options, .discount-info { animation: fadeIn 0.8s ease-out forwards; opacity: 0; }

 .product-title { animation-delay: 0.1s; }

 .product-price, .discount-info { animation-delay: 0.2s; }

 .product-description { animation-delay: 0.3s; }

 .product-features { animation-delay: 0.4s; }

 .payment-options { animation-delay: 0.5s; }

 .pulse { animation: pulse 2s infinite; }

 .pulse-dark { animation: pulse-dark 2s infinite; }

 @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); } 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); } }

 @keyframes pulse-dark { 0% { box-shadow: 0 0 0 0 rgba(17, 24, 39, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(17, 24, 39, 0); } 100% { box-shadow: 0 0 0 0 rgba(17, 24, 39, 0); } }

 @media (max-width: 768px) { .product-media { min-height: 250px; } .product-info { padding: 1.5rem; } .product-title { font-size: 1.75rem; } .price-value { font-size: 2rem; }

 .product-media iframe { max-height: 100vh; } }

 @media (max-width: 480px) { .product-media { min-height: 200px; } .product-title { font-size: 1.5rem; } .price-value { font-size: 1.75rem; } .payment-options { gap: 0.75rem; } }