:root{--primary-color: #FF6B9D;--secondary-color: #FFC145;--accent-color: #4ECDC4;--purple: #9B6DD6;--bg-light: #FFF8F0;--text-dark: #2D1B3D;--text-gray: #6B5B7A;--white: #FFFFFF;--shadow: 0 8px 32px rgba(255, 107, 157, .15);--shadow-hover: 0 12px 48px rgba(255, 107, 157, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.08;animation:float 20s infinite ease-in-out}.shape.circle{width:200px;height:200px;background:var(--primary-color);border-radius:50%;top:10%;left:80%;animation-delay:0s}.shape.square{width:150px;height:150px;background:var(--secondary-color);border-radius:30px;top:60%;left:10%;animation-delay:3s;transform:rotate(45deg)}.shape.triangle{width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:180px solid var(--accent-color);top:40%;right:5%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(10deg)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{max-width:1400px;margin:4rem auto;padding:0 2rem;text-align:center;animation:fadeInUp .8s ease-out .2s backwards}.hero h1{font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--purple),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.3rem;color:var(--text-gray);max-width:700px;margin:0 auto 2rem}.categories{max-width:1400px;margin:3rem auto;padding:0 2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.category-tag{padding:.8rem 1.8rem;background:var(--white);border-radius:50px;font-weight:600;color:var(--text-dark);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:2px solid transparent;animation:fadeInUp .6s ease-out backwards}.category-tag:nth-child(1){animation-delay:.3s}.category-tag:nth-child(2){animation-delay:.4s}.category-tag:nth-child(3){animation-delay:.5s}.category-tag:nth-child(4){animation-delay:.6s}.category-tag:nth-child(5){animation-delay:.7s}.category-tag:nth-child(6){animation-delay:.8s}.category-tag:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.category-tag.active{background:linear-gradient(135deg,var(--primary-color),var(--purple));color:var(--white);box-shadow:var(--shadow)}.blog-container{max-width:1400px;margin:4rem auto;padding:0 2rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem;margin-top:3rem}.article-card{background:var(--white);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow);position:relative;animation:fadeInUp .6s ease-out backwards}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}.article-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-hover)}.article-image{width:100%;height:260px;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));position:relative;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-card:hover .article-image img{transform:scale(1.1)}.article-badge{position:absolute;top:1rem;right:1rem;background:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #0000001a}.article-content{padding:2rem}.article-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-gray);flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:.4rem}.article-title{font-size:1.6rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;line-height:1.3}.article-title a{color:inherit;text-decoration:none}.article-excerpt{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.7}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{padding:.4rem .9rem;background:var(--bg-light);border-radius:15px;font-size:.85rem;color:var(--text-dark);font-weight:500}.read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s ease}.read-more:hover{gap:1rem}.read-more:after{content:"\2192";transition:transform .3s ease}.read-more:hover:after{transform:translate(5px)}.newsletter{max-width:900px;margin:5rem auto;padding:3rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--purple));border-radius:32px;text-align:center;box-shadow:var(--shadow-hover);position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.newsletter h2{font-size:2.5rem;color:var(--white);margin-bottom:1rem;position:relative}.newsletter p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem;position:relative}.newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto;position:relative}.newsletter-form input{flex:1;padding:1rem 1.5rem;border:none;border-radius:50px;font-family:Fredoka,sans-serif;font-size:1rem;outline:none}.newsletter-form button{padding:1rem 2.5rem;background:var(--white);color:var(--primary-color);border:none;border-radius:50px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-form button:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}.breadcrumb{max-width:1400px;margin:2rem auto 0;padding:0 2rem;font-size:.9rem;color:var(--text-gray)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.blog-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter h2{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/blog-custom.css.map */