/* GoTempMail - Shared Blog Style */
*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0b;color:#e2e8f0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.7;font-size:17px}
a{color:#6ee7b7;text-decoration:none}
a:hover{text-decoration:underline}
nav{background:#111113;border-bottom:1px solid #222;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.logo{font-size:1.3rem;font-weight:700;color:#6ee7b7;letter-spacing:-0.5px}
.nav-links{display:flex;gap:20px;font-size:0.9rem}
.nav-links a{color:#94a3b8}
.nav-links a:hover{color:#6ee7b7;text-decoration:none}
.container{max-width:780px;margin:0 auto;padding:40px 20px 80px}
.breadcrumb{font-size:0.82rem;color:#64748b;margin-bottom:28px}
.breadcrumb a{color:#64748b}
.breadcrumb span{margin:0 6px}
h1{font-size:2rem;font-weight:700;color:#f1f5f9;line-height:1.3;margin-bottom:16px}
h2{font-size:1.4rem;font-weight:600;color:#e2e8f0;margin:36px 0 14px;border-left:3px solid #6ee7b7;padding-left:14px}
h3{font-size:1.1rem;font-weight:600;color:#cbd5e1;margin:24px 0 10px}
p{margin-bottom:18px;color:#cbd5e1}
ul,ol{margin:10px 0 18px 22px;color:#cbd5e1}
li{margin-bottom:8px}
.meta{display:flex;gap:16px;font-size:0.83rem;color:#64748b;margin-bottom:32px;flex-wrap:wrap}
.meta span{display:flex;align-items:center;gap:5px}
.intro-box{background:#111827;border:1px solid #1e293b;border-radius:12px;padding:22px 26px;margin-bottom:32px;border-left:4px solid #6ee7b7}
.intro-box p{color:#94a3b8;margin:0;font-size:1rem}
.step-box{background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:20px 24px;margin:16px 0;display:flex;gap:16px;align-items:flex-start}
.step-num{background:#6ee7b7;color:#0a0a0b;font-weight:700;border-radius:50%;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;font-size:0.9rem}
.step-content h3{margin:0 0 6px}
.step-content p{margin:0;font-size:0.95rem}
.highlight-box{background:#052e16;border:1px solid #166534;border-radius:10px;padding:20px 24px;margin:24px 0}
.highlight-box p{margin:0;color:#86efac}
.warning-box{background:#1c1917;border:1px solid #44403c;border-radius:10px;padding:20px 24px;margin:24px 0}
.warning-box p{margin:0;color:#fbbf24}
.cta-box{background:linear-gradient(135deg,#064e3b,#0f172a);border:1px solid #059669;border-radius:14px;padding:32px;text-align:center;margin:40px 0}
.cta-box h2{border:none;padding:0;font-size:1.5rem;color:#6ee7b7;margin-bottom:10px}
.cta-box p{color:#94a3b8;margin-bottom:20px}
.btn{display:inline-block;background:#6ee7b7;color:#0a0a0b;font-weight:700;padding:13px 32px;border-radius:8px;font-size:1rem;transition:opacity 0.2s}
.btn:hover{opacity:0.85;text-decoration:none}
.faq-item{border-bottom:1px solid #1e293b;padding:18px 0}
.faq-q{font-weight:600;color:#e2e8f0;margin-bottom:8px}
.faq-a{color:#94a3b8;font-size:0.95rem;margin:0}
.tag{display:inline-block;background:#1e293b;color:#94a3b8;font-size:0.75rem;padding:4px 10px;border-radius:20px;margin:0 4px 4px 0}
.related{margin-top:50px}
.related h2{font-size:1.2rem}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px}
.related-card{background:#111113;border:1px solid #1e293b;border-radius:10px;padding:16px;transition:border-color 0.2s}
.related-card:hover{border-color:#6ee7b7;text-decoration:none}
.related-card h3{font-size:0.9rem;color:#e2e8f0;margin-bottom:6px}
.related-card p{font-size:0.8rem;color:#64748b;margin:0}
footer{background:#111113;border-top:1px solid #1e293b;padding:28px 20px;text-align:center;font-size:0.85rem;color:#64748b}
footer a{color:#64748b;margin:0 10px}
footer a:hover{color:#6ee7b7}
@media(max-width:600px){h1{font-size:1.5rem}.container{padding:24px 16px 60px}.step-box{flex-direction:column;gap:10px}}