.articles-page{background:linear-gradient(135deg,#faf7f2 0%,#f5f1ea 50%,#faf7f2 100%);min-height:100vh;position:relative;overflow:hidden}.articles-container{z-index:1;max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;position:relative}@media (min-width:1920px){.articles-container{max-width:1800px;padding:3rem 4rem 6rem}}.decorative-elements{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.deco-circle-1{animation:6s ease-in-out infinite float;position:absolute;top:10%;right:5%}.deco-circle-2{animation:8s ease-in-out infinite reverse float;position:absolute;bottom:15%;left:8%}.deco-pattern-1{animation:20s linear infinite rotate;position:absolute;top:50%;right:3%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.articles-subtitle{text-align:center;color:#1c3664;letter-spacing:.3px;margin:0 0 3rem;font-size:1.35rem;font-weight:500;position:relative}.categories{direction:rtl;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0 3rem;display:flex}.category-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:25px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.category-btn:hover{color:#1c3664;background:#fff;border-color:#1c3664}.category-btn.active{color:#fff;background:#1c3664;border-color:#0000;box-shadow:0 4px 12px #1c366433}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin:3rem 0;display:grid}.article-card{opacity:0;background:#fff;border:1px solid #1c366414;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #00000012,0 10px 20px #0000000d}.article-card:hover{border-color:#2563eb4d;transform:translateY(-12px);box-shadow:0 20px 40px #1c366426,0 8px 16px #0000001a}.card-accent{z-index:1;border-top:0 solid #0000;border-bottom:60px solid #0000;border-left:0 solid #0000;border-right:60px solid #2563eb26;width:0;height:0;transition:all .3s;position:absolute;top:0;right:0}.article-card:hover .card-accent{border-width:0 80px 80px 0;border-color:#0000 #2563eb40 #0000 #0000}.article-image-container{width:100%;height:260px;text-decoration:none;display:block;position:relative;overflow:hidden}.image-overlay{z-index:1;background:linear-gradient(#1c366400 0%,#1c36641a 100%);transition:opacity .3s;position:absolute;inset:0}.article-card:hover .image-overlay{opacity:.7}.article-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-card:hover .article-image{transform:scale(1.08)}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1c3664;z-index:2;background:#fffffffa;border:1px solid #2563eb33;border-radius:25px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #00000026}.article-card:hover .category-badge{color:#fff;background:#2563ebf2;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.badge-icon{transition:transform .3s}.article-card:hover .badge-icon{transform:rotate(180deg)}.article-content{text-align:right;direction:rtl;background:linear-gradient(#fff 0%,#fafafa 100%);flex-direction:column;flex-grow:1;padding:2rem;display:flex}.article-meta{color:#6b7280;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:.875rem;display:flex}.article-date,.read-time{align-items:center;gap:.4rem;transition:color .3s;display:inline-flex}.article-card:hover .article-date,.article-card:hover .read-time{color:#1c3664}.meta-icon{opacity:.7;transition:all .3s}.article-card:hover .meta-icon{opacity:1;transform:scale(1.1)}.separator{color:#d1d5db;font-weight:700}.article-title{letter-spacing:-.3px;font-size:1.6rem;font-weight:700;line-height:1.3;font-family:var(--font-caramel), cursive, sans-serif;margin:0 0 1.2rem}.article-title a{color:#1f2937;background:linear-gradient(90deg,#2563eb 0% 100%) 100% 100%/0% 2px no-repeat;padding-bottom:2px;text-decoration:none;transition:all .3s}.article-title a:hover{color:#1c3664;background-size:100% 2px}.article-description{color:#6b7280;flex-grow:1;margin:0 0 1.5rem;font-size:1rem;line-height:1.75}.article-tags{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.tag{color:#1c3664;background:linear-gradient(135deg,#faf7f2 0%,#f5f1ea 100%);border:1px solid #e5dfd5;border-radius:15px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:500;transition:all .3s;display:inline-flex}.tag:hover{color:#fff;background:linear-gradient(135deg,#1c3664 0%,#2a4a7a 100%);border-color:#1c3664;transform:translateY(-2px);box-shadow:0 4px 8px #1c366433}.tag-icon{opacity:.6;transition:opacity .3s}.tag:hover .tag-icon{opacity:1}.read-more{color:#1c3664;background:linear-gradient(135deg,#2563eb1a 0%,#2563eb0d 100%);border:2px solid #2563eb33;border-radius:12px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.read-more:hover{color:#fff;background:linear-gradient(135deg,#1c3664 0%,#2a4a7a 100%);border-color:#1c3664;transform:translate(-6px);box-shadow:0 4px 12px #1c366440}.arrow-icon{transition:transform .3s}.read-more:hover .arrow-icon{transform:translate(-4px)}.articles-cta{color:#fff;text-align:center;direction:rtl;background:#1c3664;border-radius:16px;margin:4rem 0 2rem;padding:3rem;box-shadow:0 4px 16px #1c366433}.articles-cta h2{margin:0 0 1rem;font-size:1.875rem;font-weight:700}.articles-cta p{opacity:.95;margin:0 0 2rem;font-size:1.125rem}.newsletter-form{flex-direction:row-reverse;gap:1rem;max-width:500px;margin:0 auto;display:flex}.newsletter-input{color:#fff;text-align:right;direction:rtl;background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;flex:1;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.newsletter-input::placeholder{color:#ffffffb3}.newsletter-input:focus{background:#ffffff40;border-color:#ffffff80;outline:none}.newsletter-btn{color:#1c3664;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.newsletter-btn:hover{background:#faf7f2;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:768px){.articles-container{padding:0 1rem}.articles-subtitle{font-size:1.15rem}.decorative-elements{opacity:.5}.deco-circle-1,.deco-circle-2,.deco-pattern-1{transform:scale(.7)}.articles-grid{grid-template-columns:1fr;gap:2rem}.article-image-container{height:220px}.article-content{padding:1.5rem}.article-title{font-size:1.4rem}.articles-cta{padding:2rem 1.5rem}.articles-cta h2{font-size:1.875rem}.newsletter-form{flex-direction:column;gap:1rem}.newsletter-btn{width:100%}.categories{gap:.75rem}.category-btn{padding:.625rem 1.25rem;font-size:.875rem}.card-accent{border-width:0 45px 45px 0}}@media (max-width:480px){.articles-subtitle{margin-bottom:2rem;font-size:1.05rem}.decorative-elements{display:none}.article-title{font-size:1.3rem}.article-content{padding:1.25rem}.article-description{font-size:.95rem}.read-more{padding:.65rem 1.2rem;font-size:.9rem}.card-accent{border-width:0 35px 35px 0}}