.blog-listing-page{color:#fff;background:#0a0a0a;min-height:100vh}.blog-listing-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.blog-listing-header .back-button{color:#fff;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:opacity .3s;display:flex}.blog-listing-header .back-button:hover{opacity:.7}.blog-listing-header .logo{align-items:center;text-decoration:none;display:flex}.blog-listing-header .logo img{width:120px;height:auto}@media (max-width:900px){.blog-listing-header .logo img{width:100px}}@media (max-width:600px){.blog-listing-header .logo img{width:80px}}.blog-listing-header .header-actions{align-items:center;gap:15px;display:flex}.blog-listing-header .header-contact-btn{color:#fff;border:1px solid #ffffff4d;border-radius:4px;padding:10px 20px;font-size:14px;text-decoration:none;transition:all .3s}.blog-listing-header .header-contact-btn:hover{color:#0a0a0a;background:#fff}.blog-listing-content{max-width:1400px;margin:0 auto;padding:120px 40px 100px}.blog-listing-intro{text-align:center;margin-bottom:80px}.blog-listing-title{letter-spacing:-.02em;margin-bottom:24px;font-size:56px;font-weight:700}.blog-listing-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:20px;line-height:1.6}.blog-cards-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px;margin-bottom:100px;display:grid}.blog-card{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;text-decoration:none;transition:transform .4s,border-color .4s,box-shadow .4s;overflow:hidden}.blog-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 60px #0006}.blog-card-image{width:100%;height:240px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:28px}.blog-card-meta{align-items:center;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.blog-card-category{background:#ffffff1a;border-radius:4px;padding:4px 10px;font-weight:500}.blog-card-date{color:#ffffff80}.blog-card-title{letter-spacing:-.01em;margin-bottom:12px;font-size:24px;font-weight:600;line-height:1.3}.blog-card-excerpt{color:#fff9;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.blog-card-read-time{color:#ffffff80;font-size:13px}.blog-card-link{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:gap .3s;display:flex}.blog-card:hover .blog-card-link{gap:10px}.blog-cta-section{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:80px 40px}.blog-cta-section h2{margin-bottom:16px;font-size:36px}.blog-cta-section p{color:#ffffffb3;margin-bottom:32px;font-size:18px}.blog-cta-section .cta-button{color:#0a0a0a;background:#fff;border-radius:4px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.blog-cta-section .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.animate-fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(30px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.blog-cards-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:768px){.blog-listing-header{padding:15px 20px}.blog-listing-header .logo{font-size:18px}.blog-listing-content{padding:100px 20px 60px}.blog-listing-title{font-size:36px}.blog-listing-subtitle{font-size:16px}.blog-listing-intro{margin-bottom:48px}.blog-card-image{height:200px}.blog-card-content{padding:20px}.blog-card-title{font-size:20px}.blog-cta-section{padding:48px 24px}.blog-cta-section h2{font-size:28px}}