.article-playful{background:var(--color-cream);position:relative}.article-hero-playful{background:linear-gradient(135deg,var(--color-pink),var(--color-turquoise));padding:4rem 0 5rem;position:relative;overflow:hidden}.article-hero-playful:before{content:"";position:absolute;top:20%;right:10%;width:80px;height:80px;background:var(--color-yellow);border-radius:50%;animation:bounce 3s ease-in-out infinite}.article-hero-playful:after{content:"";position:absolute;bottom:15%;left:8%;width:60px;height:60px;background:var(--color-purple);transform:rotate(45deg);animation:wiggle 4s ease-in-out infinite}.hero-shapes-playful{position:absolute;inset:0;pointer-events:none}.hero-shapes-playful .shape-1{position:absolute;top:30%;left:20%;width:30px;height:30px;border:4px solid rgba(255,255,255,.3);border-radius:50%}.hero-shapes-playful .shape-2{position:absolute;top:60%;right:25%;width:40px;height:40px;border:4px solid rgba(255,255,255,.3)}.hero-shapes-playful .shape-3{position:absolute;bottom:20%;right:15%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid rgba(255,255,255,.2)}.article-hero-content-playful{position:relative;z-index:2;text-align:center;color:#fff}.article-tags-playful{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-tag-playful{background:var(--color-yellow);color:var(--color-black);font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:.5rem 1rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;transform:rotate(-2deg);box-shadow:3px 3px #0003}.article-tag-playful:nth-child(2){background:#fff;transform:rotate(2deg)}.article-title-playful{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem;text-shadow:3px 3px 0 rgba(0,0,0,.15)}.article-subtitle-playful{font-family:var(--font-body);font-size:1.125rem;opacity:.95;max-width:600px;margin:0 auto 1.5rem;line-height:1.7}.article-meta-playful{display:flex;justify-content:center;gap:1.5rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;flex-wrap:wrap}.article-meta-playful span{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:var(--radius-full)}.article-image-playful{max-width:900px;margin:-3rem auto 0;padding:0 1.5rem;position:relative;z-index:10}.image-frame-playful{background:#fff;padding:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),8px 8px 0 var(--color-pink);transform:rotate(-1deg);transition:transform var(--transition-bounce)}.image-frame-playful:hover{transform:rotate(0) scale(1.01)}.image-frame-playful img{width:100%;height:auto;max-height:450px;object-fit:cover;border-radius:var(--radius-lg)}.article-body-playful{max-width:750px;margin:0 auto;padding:3rem 1.5rem}.article-content-playful{font-family:var(--font-body);font-size:1.0625rem;color:var(--color-text);line-height:1.9}.article-content-playful h2{font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--color-black);margin:3rem 0 1rem;position:relative;display:inline-block}.article-content-playful h2:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:8px;background:var(--color-yellow);opacity:.6;z-index:-1;transform:skew(-5deg)}.article-content-playful h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-pink);margin:2rem 0 .75rem}.article-content-playful p{margin-bottom:1.5rem}.article-content-playful ul,.article-content-playful ol{margin:1.5rem 0;padding-left:0;list-style:none}.article-content-playful li{margin-bottom:.875rem;padding-left:2rem;position:relative}.article-content-playful ul li:before{content:"";position:absolute;left:0;top:.5rem;width:12px;height:12px;background:var(--color-turquoise);border-radius:50%;box-shadow:2px 2px 0 var(--color-pink)}.article-content-playful ol{counter-reset:playful-counter}.article-content-playful ol li{counter-increment:playful-counter}.article-content-playful ol li:before{content:counter(playful-counter);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--color-yellow);color:var(--color-black);font-family:var(--font-display);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:2px 2px 0 var(--color-pink)}.article-content-playful blockquote{margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--color-pink-light),var(--color-yellow-light));border-radius:var(--radius-lg);position:relative;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--color-turquoise)}.article-content-playful blockquote:before{content:'"';position:absolute;top:-10px;left:20px;font-family:var(--font-display);font-size:4rem;color:var(--color-pink);line-height:1}.article-content-playful blockquote p{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-black);margin:0;padding-left:1rem}.article-content-playful strong{color:var(--color-pink);font-weight:700}.article-content-playful a{color:var(--color-turquoise-dark);text-decoration:none;border-bottom:3px solid var(--color-yellow);transition:all var(--transition-fast)}.article-content-playful a:hover{background:var(--color-yellow)}.article-content-playful table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md),4px 4px 0 var(--color-pink)}.article-content-playful th{background:linear-gradient(135deg,var(--color-pink),var(--color-turquoise));color:#fff;padding:1rem;text-align:left;font-family:var(--font-display);font-weight:700;font-size:.875rem}.article-content-playful td{padding:.875rem 1rem;border-bottom:2px dashed var(--color-gray-300);background:#fff}.article-content-playful tr:last-child td{border-bottom:none}.article-infographic-playful{margin:3rem 0;text-align:center}.article-infographic-playful img{max-width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),6px 6px 0 var(--color-yellow);transform:rotate(1deg);transition:transform var(--transition-bounce)}.article-infographic-playful img:hover{transform:rotate(0) scale(1.02)}.article-cta-playful{background:var(--color-black);padding:4rem 1.5rem;text-align:center;position:relative;overflow:hidden}.article-cta-playful:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--color-pink) 10px,transparent 10px),radial-gradient(circle at 80% 70%,var(--color-turquoise) 8px,transparent 8px),radial-gradient(circle at 60% 20%,var(--color-yellow) 6px,transparent 6px),radial-gradient(circle at 30% 80%,var(--color-purple) 7px,transparent 7px);opacity:.3}.article-cta-inner-playful{position:relative;z-index:2;max-width:550px;margin:0 auto}.cta-badge-playful{display:inline-block;background:var(--color-yellow);color:var(--color-black);font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:.5rem 1.25rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--color-pink)}.article-cta-playful h3{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:1rem}.article-cta-playful p{font-family:var(--font-body);font-size:1rem;color:var(--color-gray-300);margin-bottom:2rem;line-height:1.7}.btn-cta-playful{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--color-pink),var(--color-turquoise));color:#fff;padding:1rem 2rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1rem;text-decoration:none;box-shadow:var(--shadow-pink),4px 4px 0 var(--color-yellow);transition:all var(--transition-bounce)}.btn-cta-playful:hover{transform:translateY(-4px) rotate(2deg);box-shadow:0 8px 30px #ff69b480,6px 6px 0 var(--color-yellow);color:#fff}@media (max-width: 768px){.article-hero-playful{padding:3rem 0 4rem}.article-hero-playful:before,.article-hero-playful:after{display:none}.article-title-playful{font-size:1.75rem}.article-image-playful{padding:0 1rem}.image-frame-playful{transform:none}.article-body-playful{padding:2rem 1rem}.article-content-playful blockquote{transform:none;padding:1.25rem 1.5rem}.article-cta-playful{padding:3rem 1rem}}