* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f172a; color: white; overflow-x: hidden; position: relative; } .background-glow { position: fixed; width: 600px; height: 600px; background: radial-gradient(circle, rgba(59,130,246,0.25), transparent 70%); top: -200px; right: -200px; z-index: 0; } .container { position: relative; z-index: 1; width: 90%; max-width: 900px; margin: auto; padding: 80px 0; } .hero { text-align: center; margin-bottom: 50px; } .badge { display: inline-block; padding: 10px 18px; background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.3); border-radius: 999px; color: #60a5fa; font-size: 14px; margin-bottom: 20px; } .hero h1 { font-size: 56px; font-weight: 700; margin-bottom: 20px; line-height: 1.1; } .subtitle { font-size: 18px; color: #cbd5e1; max-width: 700px; margin: auto; line-height: 1.7; } .last-updated { margin-top: 25px; color: #94a3b8; font-size: 14px; } .card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); padding: 35px; border-radius: 24px; margin-bottom: 25px; transition: 0.3s ease; } .card:hover { transform: translateY(-4px); border-color: rgba(59,130,246,0.4); } .card h2 { margin-bottom: 18px; font-size: 28px; } .card p { color: #cbd5e1; line-height: 1.8; margin-bottom: 16px; } .card ul { padding-left: 20px; } .card li { margin-bottom: 10px; color: #cbd5e1; } .contact-info { margin-top: 20px; } .contact-info p { margin-bottom: 18px; } .contact-info a { color: #60a5fa; text-decoration: none; word-break: break-word; } .contact-info a:hover { text-decoration: underline; } .email-btn { display: inline-block; margin-top: 10px; padding: 14px 24px; background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; text-decoration: none; border-radius: 14px; font-weight: 600; transition: 0.3s ease; } .email-btn:hover { transform: scale(1.03); } footer { text-align: center; margin-top: 50px; color: #64748b; font-size: 14px; } @media(max-width: 768px) { .hero h1 { font-size: 40px; } .card { padding: 25px; } .card h2 { font-size: 24px; } }