body { font-family: Arial, sans-serif; background: #eaeded; min-height: 100vh; padding: 40px 20px; }
.mail { max-width: 560px; margin: 0 auto; background: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.mail-hdr { background: #232f3e; color: #fff; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 22px; font-weight: bold; color: #ff9900; }
.small { font-size: 12px; color: #ccc; }
.body { padding: 30px; }
.body h1 { font-size: 22px; margin-bottom: 12px; color: #232f3e; }
.body h2 { font-size: 20px; margin-bottom: 10px; }
.body p { font-size: 14px; line-height: 1.6; margin: 10px 0; }
.btn { background: #ff9900; color: #000; border: none; padding: 12px 24px; font-size: 15px; font-weight: bold; border-radius: 4px; cursor: pointer; width: 100%; margin: 14px 0; }
.btn:hover { background: #e68a00; }
.btn-2 { background: #fff; color: #232f3e; border: 1px solid #232f3e; padding: 12px 24px; font-size: 14px; border-radius: 4px; cursor: pointer; width: 100%; margin: 6px 0; }
.fine { font-size: 12px; color: #888; text-align: center; }
.callscreen { text-align: center; }
.opts { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }