* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%); color: #e2e8f0; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.container { max-width: 800px; margin: 0 auto; padding: 2rem; text-align: center; }
h1 { font-size: 2.5rem; background: linear-gradient(135deg, #60a5fa, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1rem; }
p { color: #94a3b8; font-size: 1.1rem; line-height: 1.8; margin-bottom: 1.5rem; }
.badge { display: inline-block; padding: 0.5rem 1rem; border-radius: 9999px; background: rgba(99, 102, 241, 0.2); color: #818cf8; font-size: 0.875rem; font-weight: 600; border: 1px solid rgba(99, 102, 241, 0.3); margin-bottom: 2rem; }
.card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 1rem; padding: 2rem; backdrop-filter: blur(10px); }
a { color: #60a5fa; text-decoration: none; }
a:hover { text-decoration: underline; }