body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#f8fafc 0%,#e0e7ff 100%)}.glass{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.3)}.gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.affiliate-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.affiliate-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px rgba(139,92,246,0.4)}.affiliate-btn{background:white;color:#667eea;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.affiliate-btn:hover{transform:translateX(4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.2)}.tag-modern{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transition:all 0.3s ease}.tag-modern:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px rgba(245,158,11,0.4)}.article-card{transition:all 0.3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.social-btn{transition:all 0.3s ease}.social-btn:hover{transform:scale(1.1) rotate(5deg)}.search-box{transition:all 0.3s ease}.search-box:focus-within{transform:scale(1.05);box-shadow:0 10px 25px -5px rgba(139,92,246,0.3)}.article-content h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-top:3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.article-content h3{font-size:1.5rem;font-weight:600;color:#374151;margin-top:2rem;margin-bottom:1rem}.article-content p{color:#4b5563;margin-bottom:1.5rem;font-size:1.125rem;font-weight:300;line-height:1.75}.article-content strong{font-weight:600;color:#1f2937}.article-content ul,.article-content ol{margin-bottom:1.5rem;margin-top:1rem;padding-left:2rem;color:#4b5563}.article-content li{margin-bottom:0.75rem;font-size:1.125rem;line-height:1.75;position:relative}.article-content ul li::marker{color:#8b5cf6;font-size:1.2em}.article-content ol li::marker{color:#8b5cf6;font-weight:600}.article-content li strong{color:#1f2937;font-weight:600}.article-content code{background:rgba(139,92,246,0.1);padding:0.125rem 0.375rem;border-radius:0.25rem;font-family:monospace;font-size:0.875rem;color:#7c3aed}.article-content blockquote{border-left:4px solid #8b5cf6;padding-left:1rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.article-content p{overflow-wrap:break-word}.article-content pre{overflow-x:auto;padding:1rem;border-radius:0.5rem;background:rgba(139,92,246,0.1);margin-bottom:1.5rem}.article-content pre code{padding:0;background:transparent;color:inherit}