.blogHeader{position:relative;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:2rem 0 4rem;overflow:hidden}.blogHeaderContainer{max-width:1400px;margin:0 auto;padding:0 var(--page-x-padding);position:relative;z-index:2}.backToHome{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;text-decoration:none;transition:color .2s;font-size:.875rem;margin-bottom:2rem;width:fit-content}.backToHome:hover{color:#fff}.blogHeaderContent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.logoSection{opacity:.9}.blogHero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blogHero p{font-size:1.25rem;color:#a0a0a0;max-width:600px;margin:0 auto;line-height:1.6}.searchForm{display:flex;align-items:center;gap:1rem;max-width:500px;width:100%}.searchInput{position:relative;flex:1}.searchIcon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.searchField{width:100%;padding:1rem 1rem 1rem 3rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s}.searchField:focus{outline:none;border-color:#6366f1;background:hsla(0,0%,100%,.08)}.searchField::placeholder{color:#666}.searchBtn{padding:1rem 2rem;background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.searchBtn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(99,102,241,.3)}.headerBackground{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bgBlur{position:absolute;border-radius:50%;background:#9292ea;opacity:.15;filter:blur(100px)}.bgBlur1{top:20%;right:-10%;width:300px;height:300px}.bgBlur2{bottom:20%;left:-10%;width:250px;height:250px}@media (max-width:1320px){.blogHeaderContainer{padding:0 var(--page-x-padding-md)}}@media (max-width:768px){.blogHeader{padding:1.5rem 0 3rem}.blogHeaderContainer{padding:0 var(--page-x-padding-sm)}.blogHero h1{font-size:2.5rem}.blogHero p{font-size:1.125rem}.searchForm{flex-direction:column;gap:1rem}.searchBtn{width:100%}.bgBlur1,.bgBlur2{width:200px;height:200px}}@media (max-width:525px){.blogHero h1{font-size:2rem}.blogHero p{font-size:1rem}}