body { font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif; background-color: #131722; color: #d1d4dc; margin: 0; padding: 20px; } .container { max-width: 800px; margin: auto; background-color: #1e222d; padding: 20px; border-radius: 10px; border: 1px solid #2a2e39; } .header { text-align: center; border-bottom: 1px solid #2a2e39; padding-bottom: 15px; margin-bottom: 20px; } .header h1 { margin: 0; color: #d1d4dc; } .header .subtitle { font-size: 14px; font-weight: normal; color: #868d9d; font-style: italic; } .header .disclaimer { font-size: 11px; color: #ef5350; margin-top: 10px; margin-bottom: 10px; padding: 5px; border: 1px solid #ef5350; border-radius: 5px; } .header .cta-badge { display: inline-block; background-color: #ef5350; color: #fff; padding: 4px 10px; border-radius: 15px; font-size: 12px; font-weight: bold; margin-top: 5px; margin-bottom: 15px; text-decoration: none; } .section-title { font-size: 18px; font-weight: bold; color: #d1d4dc; margin: 30px 0 15px 0; padding-bottom: 5px; border-bottom: 2px solid #2a2e39; } .grid-3, .grid-4, .action-plan-grid { display: grid; gap: 15px; margin-bottom: 25px; } .grid-3 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); text-align: center; } .grid-4 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .action-plan-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; } .grid-card, .action-card { background-color: #131722; padding: 15px; border-radius: 8px; border: 1px solid #2a2e39; } .grid-card h3 { margin: 0 0 5px 0; font-size: 14px; color: #868d9d; text-transform: uppercase; } .grid-card p { margin: 0; font-size: 20px; font-weight: bold; } .grid-card .sub-value { font-size: 12px; color: #868d9d; font-weight: normal; margin-top: 5px; } .action-card { text-align: center; } .action-card-title { font-size: 12px; color: #868d9d; margin-bottom: 8px; } .action-card-value { font-size: 16px; font-weight: bold; } .final-comment { font-size: 15px; line-height: 1.7; background-color: #131722; padding: 20px; border-radius: 8px; border-left: 3px solid #f0b90b; } .color-buy { color: #26a69a; } @media (max-width: 768px) { .grid-3, .grid-4, .action-plan-grid { grid-template-columns: 1fr; } .container { padding: 10px; } }