* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f8f9fa; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; }
.card { background: #fff; border-radius: 20px; box-shadow: 0 8px 40px rgba(0,0,0,0.10); max-width: 420px; width: 100%; text-align: center; padding: 48px 36px; }
.icon { font-size: 64px; margin-bottom: 20px; }
h2 { font-size: 1.35rem; font-weight: 800; color: #1a202c; margin-bottom: 16px; }
.sub { color: #718096; font-size: 0.93rem; line-height: 1.7; margin-bottom: 12px; }
a.btn-renew { display: inline-block; background: linear-gradient(135deg, #ff6818, #ff8c42); color: #fff; text-decoration: none; padding: 13px 32px; border-radius: 10px; font-weight: 700; font-size: 0.95rem; box-shadow: 0 4px 14px rgba(255,104,24,0.35); transition: opacity .2s, transform .15s; margin-bottom: 14px; }
a.btn-renew:hover { opacity: 0.9; transform: translateY(-1px); }
a.btn-home { display: block; color: #a0aec0; font-size: 0.82rem; text-decoration: none; transition: color .2s; }
a.btn-home:hover { color: #718096; }