@charset "UTF-8";
* { font-family: 'Nunito', sans-serif; }
html { scroll-behavior: smooth; }
.gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.gradient-text { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2); }
.blob { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; animation: blob 8s ease-in-out infinite; }
@keyframes blob { 0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } 50% { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%; } }
.float { animation: float 3s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.pulse-btn { animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.4); } 50% { box-shadow: 0 0 0 15px rgba(102, 126, 234, 0); } }
.article-content h2 { margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 800; color: #1f2937; }
.article-content h3 { margin-top: 1.75rem; margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 700; color: #374151; }
.article-content p { margin-bottom: 1rem; color: #4b5563; line-height: 1.7; }
.article-content ul { margin-bottom: 1rem; padding-left: 1.25rem; list-style-type: disc; color: #4b5563; }
.article-content ol { margin-bottom: 1rem; padding-left: 1.25rem; list-style-type: decimal; color: #4b5563; }
.article-content li { margin-bottom: 0.35rem; }
.article-badge { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; }