.blog-archive{background:#fff;max-width:100%;width:100%}.blog-archive .blog-archive-preview{padding:20px}.blog-archive .blog-archive-preview .notice h3{color:#1e1e1e;font-size:16px;font-weight:600}.blog-archive .blog-archive-preview .notice p{color:#666;margin:10px 0}.blog-archive .blog-archive-preview .notice ul{color:#666;list-style:disc;padding-left:20px}.blog-archive .blog-archive-preview .notice ul li{margin:5px 0}.blog-hero-section{align-items:center;display:flex;height:540px;justify-content:center;overflow:hidden;position:relative}@media(max-width:768px){.blog-hero-section{height:480px;padding:40px 20px}}.blog-hero-section .hero-bg-image,.blog-hero-section .hero-bg-image-mobile{aspect-ratio:1280/720;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.blog-hero-section .hero-bg-image{display:block}@media(max-width:768px){.blog-hero-section .hero-bg-image{display:none}}.blog-hero-section .hero-bg-image-mobile{display:none}@media(max-width:768px){.blog-hero-section .hero-bg-image-mobile{aspect-ratio:375/255;display:block}}.blog-hero-section .hero-overlay{background:rgba(0,0,0,.15);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-hero-section .hero-content{color:#1e0f2a;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:2}.blog-hero-section .hero-content .title{color:#1e0f2a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;line-height:1.2;margin:0 0 20px}@media(max-width:768px){.blog-hero-section .hero-content .title{font-size:32px}}.blog-hero-section .hero-content .subtitle{color:#4f4769;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 40px}@media(max-width:768px){.blog-hero-section .hero-content .subtitle{font-size:14px;margin:0 0 30px}}.blog-hero-section .hero-content .hero-filter-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}@media(max-width:768px){.blog-hero-section .hero-content .hero-filter-tags{gap:8px;margin-top:24px}}.blog-hero-section .hero-content .hero-filter-tags .hero-tag{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid rgba(79,70,229,.2);border-radius:50px;color:#1e0f2a;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;text-decoration:none;transition:all .3s ease}.blog-hero-section .hero-content .hero-filter-tags .hero-tag:hover{background:rgba(79,70,229,.1);border-color:#4f46e5;transform:translateY(-2px)}.blog-hero-section .hero-content .hero-filter-tags .hero-tag.active{background:#4f46e5;border-color:#4f46e5;color:#fff;font-weight:600}@media(max-width:768px){.blog-hero-section .hero-content .hero-filter-tags .hero-tag{font-size:12px;padding:8px 16px}}.search-section{background:#fff;padding:40px 20px}@media(max-width:768px){.search-section{padding:30px 16px}}.search-section .search-wrapper{margin:0 auto;max-width:720px}.search-section .search-box{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:60px;display:flex;gap:12px;padding:8px 8px 8px 24px;position:relative;transition:all .3s ease}.search-section .search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1)}@media(max-width:768px){.search-section .search-box{gap:8px;padding:6px 6px 6px 20px}}.search-section .search-input{background:transparent;border:none;color:#1e0f2a;flex:1;font-size:16px;font-weight:400;outline:none;padding:8px 0}.search-section .search-input::-moz-placeholder{color:#9ca3af}.search-section .search-input::placeholder{color:#9ca3af}@media(max-width:768px){.search-section .search-input{font-size:14px}}.search-section .search-button{align-items:center;background:#4f46e5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:48px;transition:all .3s ease;width:48px}.search-section .search-button:hover{background:#3730a3;transform:scale(1.05)}.search-section .search-button:active{transform:scale(.95)}@media(max-width:768px){.search-section .search-button{height:40px;min-width:40px;width:40px}}.search-section .search-button svg{height:20px;width:20px}.blog-article-list{background:#fff;min-height:400px;padding:60px 20px;position:relative}@media(max-width:768px){.blog-article-list{padding:40px 16px}}.blog-article-list.loading:before{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.8);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.blog-article-list.loading:after{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:11}.blog-article-list .articles-grid{display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}@media(max-width:968px){.blog-article-list .articles-grid{gap:32px;grid-template-columns:1fr}}.blog-article-list .article-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-article-list .article-card .article-card-link{color:inherit;cursor:pointer;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-article-list .article-card .article-card-link:hover{text-decoration:none}.blog-article-list .article-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-8px)}.blog-article-list .image-container{background:#f3f4f6;height:320px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.blog-article-list .image-container{height:240px}}.blog-article-list .image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.article-card:hover .blog-article-list .image{transform:scale(1.05)}.blog-article-list .tag{backdrop-filter:blur(10px);border-radius:20px;left:16px;padding:6px 14px;position:absolute;top:16px}.blog-article-list .tag span{font-size:13px;font-weight:600;line-height:1.4}.blog-article-list .content{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}@media(max-width:768px){.blog-article-list .content{padding:20px}}.blog-article-list .header{display:flex;flex-direction:column;gap:12px}.blog-article-list .title{color:#1e0f2a;font-size:20px;font-weight:700;line-height:1.4;margin:0;transition:color .3s ease}@media(max-width:768px){.blog-article-list .title{font-size:18px}}.blog-article-list .article-card-link:hover .title{color:#4f46e5}.blog-article-list .meta{color:#6b7280;display:flex;font-size:13px;gap:16px}.blog-article-list .author,.blog-article-list .date{font-weight:400}.blog-article-list .excerpt{color:#4f4769;display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-height:1.7;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blog-article-list .read-more{align-items:center;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;margin-top:auto;padding:12px 24px;transition:all .3s ease}.blog-article-list .article-card-link:hover .read-more{color:#3730a3;gap:8px}.blog-article-list .no-posts{color:#9ca3af;grid-column:1/-1;padding:80px 20px;text-align:center}.blog-pagination{background:#fff;padding:40px 20px 80px;position:relative}@media(max-width:768px){.blog-pagination{padding:30px 16px 60px}}.blog-pagination.loading{opacity:.6;pointer-events:none}.blog-pagination .pagination{align-items:center;display:flex;gap:8px;justify-content:center}.blog-pagination .pagination a,.blog-pagination .pagination span{text-decoration:none}.blog-pagination .pagination .page-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1e0f2a;display:inline-flex;font-size:14px;font-weight:500;height:44px;justify-content:center;min-width:44px;transition:all .3s ease}.blog-pagination .pagination .page-button:hover:not(.active){background:#f9fafb;border-color:#4f46e5;color:#4f46e5}.blog-pagination .pagination .page-button.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.blog-pagination .pagination .nav-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1e0f2a;cursor:pointer;display:inline-flex;height:44px;justify-content:center;min-width:44px;transition:all .3s ease}.blog-pagination .pagination .nav-button:not(.disabled):hover{background:#f9fafb;border-color:#4f46e5;color:#4f46e5}.blog-pagination .pagination .nav-button.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.blog-archive-error{color:#e53e3e;padding:40px 20px;text-align:center}.blog-archive-error p{font-size:16px;margin:0}