.article-page{min-height:100vh}.article-header{align-items:flex-end;background-position:50%;background-size:cover;color:var(--text-light);display:flex;min-height:450px;position:relative}.article-header-overlay{background:linear-gradient(0deg,#1a1a2ef2 0,#1a1a2eb3 50%,#1a1a2e66);bottom:0;left:0;position:absolute;right:0;top:0}.article-header-content{padding:60px 0;position:relative;z-index:1}.back-link{align-items:center;color:var(--text-light);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;opacity:.9;text-decoration:none;transition:opacity .3s ease}.back-link:hover{opacity:1}.article-header .article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.article-header .article-category{align-items:center;background:var(--primary-color);border-radius:4px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.article-header .article-date,.article-header .article-read-time{align-items:center;display:flex;font-size:.9rem;gap:.5rem;opacity:.9}.article-header h1{font-size:2.5rem;line-height:1.3;margin-bottom:1rem;max-width:800px}.article-excerpt{font-size:1.2rem;line-height:1.6;max-width:700px;opacity:.9}.article-content{padding:60px 0}.article-body{color:var(--text-dark);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.article-body h2{color:var(--secondary-color);font-size:1.75rem;margin:2.5rem 0 1rem;padding-top:1rem}.article-body h3{color:var(--secondary-color);font-size:1.35rem;margin:2rem 0 .75rem}.article-body p{color:var(--text-gray);margin-bottom:1.25rem}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{color:var(--text-gray);margin-bottom:.5rem}.article-body li strong{color:var(--text-dark)}.article-share{align-items:center;border-top:1px solid #eee;display:flex;gap:1rem;margin:3rem auto 0;max-width:800px;padding-top:2rem}.article-share span{align-items:center;color:var(--text-gray);display:flex;gap:.5rem}.article-cta{background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 100%);color:var(--text-light);padding:80px 0;text-align:center}.article-cta h2{font-size:2rem;margin-bottom:.5rem}.article-cta p{margin-bottom:2rem;opacity:.9}.article-cta .cta-buttons{display:flex;gap:1rem;justify-content:center}.article-cta .btn-primary{align-items:center;background:var(--primary-color);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.article-cta .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.article-cta .btn-secondary{align-items:center;background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.article-cta .btn-secondary:hover{background:#ffffff1a}.related-articles{background:#f8f9fa;padding:80px 0}.related-articles h2{color:var(--secondary-color);margin-bottom:2rem;text-align:center}.related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.related-card{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem;text-decoration:none;transition:all .3s ease}.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.related-category{align-items:center;color:var(--primary-color);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.related-card h3{color:var(--secondary-color);font-size:1.1rem;line-height:1.4;margin-bottom:.5rem}.related-card p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.related-card .read-more{align-items:center;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;transition:gap .3s ease}.related-card:hover .read-more{gap:.75rem}.article-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.article-not-found h1{color:var(--secondary-color);margin-bottom:1rem}.article-not-found p{color:var(--text-gray);margin-bottom:2rem}.article-not-found .btn-primary{background:var(--primary-color);border-radius:8px;color:#fff;font-weight:600;padding:1rem 2rem;text-decoration:none}@media (max-width:968px){.article-header h1{font-size:2rem}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.article-header{min-height:400px}.article-header h1{font-size:1.75rem}.article-body,.article-excerpt{font-size:1rem}.article-body h2{font-size:1.5rem}.related-grid{grid-template-columns:1fr}.article-cta .cta-buttons{flex-direction:column}.article-cta .btn-primary,.article-cta .btn-secondary{justify-content:center;width:100%}}
/*# sourceMappingURL=477.6e744ce6.chunk.css.map*/