.blog-page{min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#0d1b2a 50%,#0a0e1a);color:#ffffff;position:relative}.blog-page-background{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.05) 0,transparent 50%);pointer-events:none}.blog-page-container{position:relative;max-width:1280px;margin:0 auto;padding:4rem 1rem}.blog-header{text-align:center;margin-bottom:3rem}.blog-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:9999px;margin-bottom:1.5rem}.header-badge-dot{width:.5rem;height:.5rem;background:#3b82f6;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-badge-text{font-size:.875rem;font-weight:600;color:#3b82f6}.blog-header-title{font-size:3.75rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.1}.blog-header-subtitle{font-size:1.25rem;color:#94a3b8;max-width:42rem;margin:0 auto}.posts-search-section{margin-bottom:3rem}.posts-search-container{display:flex;flex-direction:column;gap:1rem;background:rgba(26,35,50,.5);backdrop-filter:blur(12px);border:2px solid rgba(59,130,246,.2);border-radius:1rem;padding:1.5rem}.posts-search-input-wrapper{position:relative;width:100%}.posts-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:rgba(13,27,42,.5);border:2px solid rgba(59,130,246,.2);border-radius:.75rem;color:#ffffff;font-size:1rem;transition:all .3s ease}.posts-search-input::placeholder{color:#64748b}.posts-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.2)}.posts-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#64748b}.posts-filter-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.posts-filter-icon{display:none;width:1.25rem;height:1.25rem;color:#3b82f6}.posts-filter-select{padding:.75rem 1.25rem;background:rgba(13,27,42,.5);border:2px solid rgba(59,130,246,.2);border-radius:.75rem;color:#ffffff;font-size:1rem;cursor:pointer;transition:all .3s ease}.posts-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.2)}.cta-banner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem;margin-bottom:4rem;background:linear-gradient(135deg,rgba(120,53,15,.3),rgba(161,98,7,.3) 50%,rgba(120,53,15,.3));border:2px solid rgba(251,191,36,.3);border-radius:1rem;backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.3);transition:all .5s ease}.cta-banner:hover{border-color:rgba(251,191,36,.5);box-shadow:0 25px 60px rgba(251,191,36,.2)}.cta-content{gap:1.25rem}.cta-content,.cta-icon-wrapper{display:flex;align-items:center}.cta-icon-wrapper{width:4rem;height:4rem;justify-content:center;background:rgba(251,191,36,.2);border:2px solid rgba(251,191,36,.5);border-radius:.75rem;flex-shrink:0}.cta-icon{width:2rem;height:2rem;color:#fbbf24}.cta-text{text-align:left}.cta-title{font-size:1.5rem;font-weight:800;color:#f1f5f9;margin-bottom:.5rem}.cta-description{color:#cbd5e1;font-size:1rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;font-weight:700;font-size:1rem;border-radius:9999px;text-decoration:none;box-shadow:0 10px 30px rgba(251,191,36,.3);transition:all .3s ease}.cta-button:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(251,191,36,.5);background:linear-gradient(135deg,#fcd34d,#fbbf24)}.cta-button-icon{width:1.25rem;height:1.25rem}.posts-section{margin-bottom:4rem}.posts-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}.post-card{background:linear-gradient(135deg,rgba(26,35,50,.5),rgba(15,22,33,.5));border:2px solid rgba(59,130,246,.2);border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px);transition:all .5s ease}.post-card:hover{transform:translateY(-.5rem);border-color:rgba(59,130,246,.5);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(59,130,246,.2)}.post-card-content{padding:2rem}.post-card-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.badge-dot{width:.5rem;height:.5rem;background:#3b82f6;border-radius:50%}.badge-text{font-size:.75rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.post-card-link{display:block;text-decoration:none}.post-card-title{font-size:1.5rem;font-weight:800;color:#f1f5f9;margin-bottom:1rem;line-height:1.3;transition:color .3s ease}.post-card-link:hover .post-card-title{color:#3b82f6}.post-card-excerpt{color:#94a3b8;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(59,130,246,.2);font-size:.875rem}.post-card-date{color:#64748b;font-weight:500}.post-card-read-more{color:#3b82f6;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.post-card-read-more:hover{color:#2563eb}.post-card-read-more .arrow{display:inline-block;transition:transform .3s ease}.post-card-read-more:hover .arrow{transform:translateX(.25rem)}.pagination-section{display:flex;justify-content:center}.pagination-container{background:rgba(26,35,50,.5);backdrop-filter:blur(12px);border:2px solid rgba(59,130,246,.2);border-radius:1rem;padding:.5rem}.pagination-button,.pagination-container{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.75rem 1.25rem;background:rgba(13,27,42,.5);color:#cbd5e1;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-button:hover{background:rgba(59,130,246,.2);color:#3b82f6}.pagination-button:disabled{background:rgba(13,27,42,.3);color:#475569;cursor:not-allowed}.pagination-active{box-shadow:0 4px 15px rgba(59,130,246,.4)}.pagination-active,.pagination-active:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff}.pagination-text{display:none}@media (min-width:640px){.blog-page-container{padding:4rem 1.5rem}.pagination-text{display:inline;font-weight:600}}@media (min-width:768px){.blog-page-container{padding:4rem 2rem}.blog-header-title{font-size:4.5rem}.posts-search-container{flex-direction:row;align-items:center}.posts-search-input-wrapper{width:66.666667%}.posts-filter-wrapper{flex-direction:row;align-items:center}.posts-filter-icon{display:block}.posts-grid{grid-template-columns:repeat(2,1fr)}.cta-banner{flex-direction:row}.cta-text{text-align:left}}@media (min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}.blog-header-title{font-size:5rem}}@media (max-width:480px){.blog-header-title{font-size:2.5rem}.blog-header-subtitle{font-size:1rem}.cta-title{font-size:1.25rem}.cta-description{font-size:.875rem}.post-card-content{padding:1.5rem}.post-card-title{font-size:1.25rem}}