*{margin:0;padding:0;box-sizing:border-box}body{background:#020617;color:#fff;font-family:Inter,sans-serif}.blog-page{position:relative;min-height:100vh;background:radial-gradient(circle at top,rgba(14,165,233,.08),transparent 30%),linear-gradient(180deg,#020617,#030712 50%,#020617);color:#fff;overflow-x:hidden}.blog-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:70px 70px;pointer-events:none;z-index:-2}.blog-hero{position:relative;height:85vh;min-height:760px;display:flex;align-items:center;overflow:hidden}.blog-hero-bg{position:absolute;inset:0;background-image:url(/blog/hero.jpg);background-size:cover;background-position:50%;transform:scale(1.04);filter:brightness(.45) contrast(1.05) saturate(1.05)}.blog-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.98) 0,rgba(2,6,23,.88) 35%,rgba(2,6,23,.58) 70%,rgba(2,6,23,.18))}.blog-hero-content{position:relative;z-index:2;max-width:1350px;width:100%;margin:auto;padding:0 70px}.blog-tag{display:inline-block;color:#38bdf8;font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.blog-hero h1{margin-top:28px;font-size:clamp(37px,4vw,58px);font-weight:800;line-height:.95;letter-spacing:-3px;max-width:900px}.blog-hero h1 span{color:#60a5fa}.blog-hero p{margin-top:30px;max-width:760px;color:#cbd5e1;font-size:18px;line-height:1.8}.blog-hero-buttons{margin-top:42px;display:flex;gap:18px}.primary-btn,.secondary-btn{height:56px;padding:0 28px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn{border:none;color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 12px 32px rgba(56,189,248,.22)}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(56,189,248,.28)}.secondary-btn{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-btn:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.06)}.search-section{position:relative;z-index:10;max-width:1350px;margin:-80px auto 0;padding:0 70px}.search-box{background:rgba(10,16,30,.82);border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.search-box input{width:100%;height:64px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);padding:0 22px;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.search-box input::placeholder{color:#94a3b8}.search-box input:focus{border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.04)}.category-filters{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.category-filters button{padding:12px 18px;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.category-filters button:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}.active-filter{background:rgba(56,189,248,.14)!important;border-color:rgba(56,189,248,.45)!important;color:#38bdf8!important}.section-heading{margin-bottom:60px}.section-heading.center{text-align:center}.section-heading span{display:inline-block;color:#38bdf8;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.section-heading h2{margin-top:18px;font-size:clamp(32px,3.5vw,64px);font-weight:800;line-height:1;letter-spacing:-2px;color:#fff}.categories-section,.featured-section{max-width:1350px;margin:auto;padding:130px 70px 0}.featured-card{display:grid;grid-template-columns:1fr 1fr;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:36px;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 80px rgba(0,0,0,.35)}.featured-image{min-height:560px;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:brightness(.82) contrast(1.04)}.featured-content{padding:70px;display:flex;flex-direction:column;justify-content:center}.featured-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#38bdf8;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.18)}.featured-content h3{margin-top:30px;font-size:clamp(34px,2.5vw,52px);font-weight:800;line-height:1.08;letter-spacing:-2px;color:#fff}.featured-content p{margin-top:24px;font-size:16px;line-height:1.9;color:#cbd5e1}.featured-meta{display:flex;gap:24px;margin:30px 0;color:#94a3b8;font-size:14px}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.category-card{position:relative;height:270px;border-radius:28px;overflow:hidden;cursor:pointer;border:1px solid hsla(0,0%,100%,.08);transition:all .35s ease;background:#08101f}.category-card:hover{transform:translateY(-10px);border-color:rgba(56,189,248,.35);box-shadow:0 20px 50px rgba(0,0,0,.35)}.category-card.active{border-color:rgba(56,189,248,.45);box-shadow:0 0 0 1px rgba(56,189,248,.25),0 20px 50px rgba(0,0,0,.35)}.category-card-bg{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .6s ease;z-index:0}.category-card:hover .category-card-bg{transform:scale(1.08)}.category-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(2,6,23,.96) 8%,rgba(2,6,23,.48) 48%,rgba(2,6,23,.08))}.category-card h3{position:absolute;left:22px;bottom:20px;z-index:2;margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.2;max-width:80%}.blog-grid-section{max-width:1350px;margin:auto;padding:130px 70px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.blog-card{position:relative;display:flex;flex-direction:column;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:30px;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;min-height:100%}.blog-card:hover{transform:translateY(-10px);border-color:rgba(56,189,248,.35);box-shadow:0 25px 60px rgba(0,0,0,.35)}.blog-card-image{height:260px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;filter:brightness(.88) contrast(1.04);border-bottom:1px solid hsla(0,0%,100%,.05)}.blog-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.3),transparent)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:30px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-card-meta span{color:#38bdf8;font-size:13px;font-weight:600;letter-spacing:.3px}.blog-card-meta small{color:#94a3b8;font-size:13px;font-weight:500}.blog-card-content h3{margin-top:20px;font-size:28px;font-weight:700;line-height:1.18;letter-spacing:-1px;color:#fff;min-height:100px}.blog-card-content p{margin-top:16px;color:#cbd5e1;font-size:15px;line-height:1.8;flex-grow:1}.blog-card-content button{margin-top:24px;background:transparent;border:none;padding:0;color:#38bdf8;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:transform .25s ease,color .25s ease}.blog-card-content button:hover{transform:translateX(6px);color:#7dd3fc}.trending-section{max-width:1350px;margin:auto;padding:130px 70px 0}.trending-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:34px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:70px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.trending-content>div:first-child span{display:inline-block;color:#38bdf8;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.trending-content h2{margin-top:18px;font-size:clamp(38px,3vw,58px);font-weight:800;line-height:1;letter-spacing:-2px;color:#fff}.trending-content p{margin-top:24px;color:#cbd5e1;font-size:16px;line-height:1.9;max-width:560px}.trending-list{display:flex;flex-direction:column;gap:18px}.trending-item{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;cursor:pointer;transition:transform .3s ease,border-color .3s ease,background .3s ease}.trending-item:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.06)}.trending-item span{color:#fff;font-size:15px;font-weight:500;line-height:1.5}.trending-item b{color:#38bdf8;font-size:18px;font-weight:700}.newsletter-section{max-width:1350px;margin:auto;padding:130px 70px 140px;text-align:center}.newsletter-section>span{display:inline-block;color:#38bdf8;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.newsletter-section h2{margin-top:20px;font-size:clamp(32px,4vw,74px);font-weight:540;line-height:1;letter-spacing:-3px;color:#fff;max-width:950px;margin-left:auto;margin-right:auto}.newsletter-section p{margin:28px auto 0;max-width:760px;color:#cbd5e1;font-size:17px;line-height:1.9}.newsletter-box{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:16px}.newsletter-box input{width:520px;height:62px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);padding:0 22px;color:#fff;font-size:15px;outline:none;transition:border-color .3s ease,background .3s ease}.newsletter-box input::placeholder{color:#94a3b8}.newsletter-box input:focus{border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.04)}.newsletter-box button{height:62px;padding:0 30px;border:none;border-radius:18px;cursor:pointer;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 12px 30px rgba(56,189,248,.22);transition:transform .3s ease,box-shadow .3s ease}.newsletter-box button:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(56,189,248,.28)}@media (max-width:1400px){.blog-grid-section,.blog-hero-content,.categories-section,.featured-section,.newsletter-section,.search-section,.trending-section{padding-left:50px;padding-right:50px}.blog-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(3,1fr)}.featured-content,.trending-content{padding:55px}}@media (max-width:1100px){.blog-hero{height:auto;min-height:680px;padding:150px 0 110px}.blog-grid-section,.blog-hero-content,.categories-section,.featured-section,.newsletter-section,.search-section,.trending-section{padding-left:40px;padding-right:40px}.featured-card{grid-template-columns:1fr}.featured-image{min-height:420px}.blog-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}.trending-content{grid-template-columns:1fr;gap:40px}.newsletter-box{flex-direction:column}.newsletter-box button,.newsletter-box input{width:100%;max-width:600px}}@media (max-width:900px){.blog-hero h1{font-size:52px;line-height:1}.blog-hero p{font-size:17px;line-height:1.8}.blog-grid{grid-template-columns:1fr}.blog-card-image{height:300px}.section-heading h2{font-size:46px}.newsletter-section h2{font-size:54px}}@media (max-width:768px){.blog-page:before{display:none}.blog-hero{min-height:auto;padding:120px 0 80px}.blog-grid-section,.blog-hero-content,.categories-section,.featured-section,.newsletter-section,.search-section,.trending-section{padding-left:18px;padding-right:18px}.blog-tag{font-size:11px;letter-spacing:3px}.blog-hero h1{font-size:38px;line-height:1.05;letter-spacing:-2px;max-width:100%}.blog-hero p{font-size:14px;line-height:1.75;margin-top:18px;max-width:100%}.blog-hero-buttons{flex-direction:column;width:100%;gap:14px;margin-top:28px}.primary-btn,.secondary-btn{width:100%;height:54px;font-size:14px}.search-section{margin-top:-30px}.search-box{padding:18px;border-radius:22px}.search-box input{height:54px;font-size:14px;border-radius:14px}.category-filters{gap:8px;margin-top:16px}.category-filters button{font-size:12px;padding:9px 12px;border-radius:12px}.section-heading{margin-bottom:34px}.section-heading span{font-size:11px;letter-spacing:3px}.section-heading h2{font-size:32px;line-height:1.1;letter-spacing:-1.5px}.blog-grid-section,.categories-section,.featured-section,.newsletter-section,.trending-section{padding-top:80px}.featured-card{border-radius:24px}.featured-image{min-height:240px}.featured-content{padding:24px 20px}.featured-content h3{font-size:28px;line-height:1.1;letter-spacing:-1px}.featured-content p{font-size:14px;line-height:1.75}.featured-meta{font-size:13px;gap:10px;flex-wrap:wrap}.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{height:170px;border-radius:20px}.category-card h3{font-size:15px;left:14px;bottom:14px;max-width:85%}.blog-card{border-radius:24px}.blog-card-image{height:220px}.blog-card-content{padding:20px}.blog-card-content h3{font-size:24px;min-height:auto}.blog-card-content p{font-size:14px;line-height:1.7}.trending-content{padding:24px 18px;border-radius:24px}.trending-content h2{font-size:28px;line-height:1.08}.trending-content p{font-size:14px;line-height:1.75}.trending-item{padding:16px;border-radius:16px}.newsletter-section{padding-bottom:80px}.newsletter-section h2{font-size:34px;line-height:1.08}.newsletter-section p{font-size:14px;line-height:1.75}.newsletter-box{margin-top:28px;gap:14px}.newsletter-box button,.newsletter-box input{width:100%;height:54px;border-radius:14px;font-size:14px}}@media (max-width:480px){.blog-hero h1{font-size:30px}.blog-hero p{font-size:13px}.section-heading h2{font-size:28px}.category-card{height:150px}.category-card h3{font-size:13px}.blog-card-image{height:190px}.blog-card-content h3{font-size:20px}.trending-content h2{font-size:24px}.newsletter-section h2{font-size:28px}}