/* Base Reset & Mobile-First Styling */ .ty-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f0f2f5; padding: 20px 10px; display: flex; justify-content: center; align-items: center; } .ty-container { background: #ffffff; padding: 25px 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 450px; width: 100%; text-align: center; border-top: 6px solid #4CAF50; } .ty-container h1 { color: #222; font-size: 26px; margin-top: 0; margin-bottom: 5px; } /* Highlighted Instructions Box */ .ty-instructions { background: #fff8e1; border-left: 5px solid #ffc107; padding: 15px; text-align: left; margin: 20px 0; border-radius: 4px; font-size: 16px; color: #333; line-height: 1.5; } /* Big, clear buttons */ .ty-btn { display: block; width: 100%; padding: 18px 10px; margin-bottom: 15px; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; text-decoration: none; color: #fff !important; box-sizing: border-box; transition: transform 0.2s; box-shadow: 0 3px 6px rgba(0,0,0,0.15); } .ty-btn:active { transform: scale(0.97); } /* Color Coding */ .ty-btn-pdf { background-color: #E91E63; } /* Pinkish Red for PDF */ .ty-btn-mega { background-color: #D32F2F; } /* Dark Red for Mega */ .ty-btn-telegram { background-color: #0088CC; } /* Blue for Telegram */ .ty-footer-text { font-size: 14px; color: #666; margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px; }