:root{--blog-navy:#072b54;--blog-dark-navy:#041a35;--blog-teal:#009688;--blog-teal-glow:#00d2be;--blog-gold:#d99b00;--blog-red:#dc2626;--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(255,255,255,0.85);--glass-shadow:0 16px 40px rgba(7,43,84,0.12)}.blog-page-wrapper{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#eaf3fb,#f0f7fd 40%,#e4eff8);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--blog-navy);padding-bottom:80px;overflow:hidden}.blog-glow-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:1}.blog-orb-1{width:500px;height:500px;background:rgba(0,210,190,.14);top:50px;right:-100px}.blog-orb-2{width:550px;height:550px;background:rgba(7,43,84,.1);top:40%;left:-150px}.blog-hero-header{position:relative;padding:130px 0 55px;background:linear-gradient(135deg,rgba(4,26,53,.96),rgba(7,43,84,.94));color:#ffffff;border-bottom:2px solid rgba(255,255,255,.15);box-shadow:0 15px 35px rgba(4,26,53,.25);z-index:2}.blog-hero-content{max-width:850px;margin:0 auto;text-align:center}.blog-badge-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(0,210,190,.15);border:1px solid rgba(0,210,190,.4);color:var(--blog-teal-glow);font-size:.82rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:8px 20px;border-radius:30px;margin-bottom:18px;backdrop-filter:blur(10px)}.blog-hero-title{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.5px;margin:0 0 16px;color:#ffffff}.blog-hero-title .teal-text{color:var(--blog-teal-glow)}.blog-hero-subtext{font-size:1.15rem;color:rgba(255,255,255,.85);line-height:1.6;margin:0 0 28px}.blog-categories-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.cat-filter-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#ffffff;font-size:.88rem;font-weight:700;padding:9px 20px;border-radius:30px;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s ease}.cat-filter-btn.active,.cat-filter-btn:hover{background:#ffffff;color:var(--blog-navy);border-color:#ffffff;box-shadow:0 6px 18px rgba(255,255,255,.3);transform:translateY(-2px)}.blog-grid-container{position:relative;z-index:2;padding-top:45px}.featured-post-card{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;gap:0;box-shadow:0 20px 50px rgba(7,43,84,.15);margin-bottom:50px;transition:transform .4s ease,box-shadow .4s ease}.featured-post-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(7,43,84,.22),0 0 35px rgba(0,150,136,.15)}.featured-image-wrapper{position:relative;overflow:hidden;min-height:380px;background:linear-gradient(135deg,#041a35,#072b54)}.featured-image{width:100%;height:100%;object-fit:contain;padding:12px;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.featured-post-card:hover .featured-image{transform:scale(1.06)}.featured-glass-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,43,84,.1),rgba(7,43,84,.4))}.featured-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#d99b00,#f5b800);color:#041a35;font-size:.78rem;font-weight:900;letter-spacing:1px;padding:6px 16px;border-radius:20px;text-transform:uppercase;box-shadow:0 4px 14px rgba(217,155,0,.4);z-index:2}.featured-content-box{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#556987;font-weight:600;margin-bottom:14px}.featured-meta .meta-tag{color:var(--blog-teal);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.featured-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:900;line-height:1.25;margin:0 0 14px}.featured-title a{color:var(--blog-navy);text-decoration:none;transition:color .25s ease}.featured-title a:hover{color:var(--blog-teal)}.featured-excerpt{font-size:.98rem;color:#4a5568;line-height:1.65;margin:0 0 24px}.btn-read-featured{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--blog-navy),#0a4382);color:#ffffff;font-weight:700;font-size:.95rem;padding:13px 26px;border-radius:50px;text-decoration:none;align-self:flex-start;box-shadow:0 8px 22px rgba(7,43,84,.25);transition:all .3s ease}.btn-read-featured:hover{background:linear-gradient(135deg,#031429,var(--blog-navy));transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,43,84,.35);color:#ffffff}.blog-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.glass-blog-card{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--glass-shadow);transition:all .35 cubic-bezier(.16,1,.3,1)}.glass-blog-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.92);border-color:var(--blog-teal);box-shadow:0 20px 45px rgba(7,43,84,.18),0 0 30px rgba(0,150,136,.12)}.card-image-box{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#041a35,#072b54);border-bottom:2px solid rgba(0,210,190,.4);box-shadow:inset 0 0 20px rgba(0,0,0,.4)}.card-image{width:100%;height:100%;object-fit:contain;padding:6px;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.glass-blog-card:hover .card-image{transform:scale(1.08)}.card-image-box:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s ease}.glass-blog-card:hover .card-image-box:after{transform:translateX(100%)}.category-tag-badge{position:absolute;top:14px;left:14px;background:rgba(4,26,53,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#ffffff;font-size:.72rem;font-weight:800;letter-spacing:.8px;padding:5px 12px;border-radius:20px;text-transform:uppercase}.read-time-pill{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);color:var(--blog-navy);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.card-body{padding:24px;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.15rem;font-weight:800;line-height:1.35;margin:0 0 10px}.card-title a{color:var(--blog-navy);text-decoration:none;transition:color .2s ease}.card-title a:hover{color:var(--blog-teal)}.card-excerpt{font-size:.88rem;color:#4a5568;line-height:1.6;margin:0 0 18px;flex:1}.card-footer{justify-content:space-between;padding-top:16px;border-top:1px solid rgba(7,43,84,.08)}.author-mini,.card-footer{display:flex;align-items:center}.author-mini{gap:8px;font-size:.78rem;font-weight:700;color:var(--blog-navy)}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--blog-teal)}.btn-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--blog-red);font-weight:800;font-size:.85rem;text-decoration:none;transition:gap .2s ease,color .2s ease}.btn-card-link:hover{gap:10px;color:#b91c1c}.single-post-hero{position:relative;padding:130px 0 60px;background:linear-gradient(135deg,rgba(4,26,53,.96),rgba(7,43,84,.95));color:#ffffff;border-bottom:2px solid rgba(255,255,255,.15);z-index:2}.post-breadcrumbs{display:flex;align-items:center;gap:10px;font-size:.85rem;margin-bottom:20px;flex-wrap:wrap}.post-breadcrumbs a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s ease}.post-breadcrumbs a:hover{color:var(--blog-teal-glow)}.post-breadcrumbs span.sep{color:rgba(255,255,255,.4)}.post-main-title{font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:900;line-height:1.2;margin:0 0 20px;color:#ffffff}.post-header-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.88rem;color:rgba(255,255,255,.85)}.author-pill-large{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:30px}.author-img-large{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--blog-teal-glow)}.post-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;padding-top:45px}.post-featured-frame{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#041a35,#072b54);backdrop-filter:blur(20px);border:2px solid rgba(0,210,190,.4);box-shadow:0 20px 50px rgba(7,43,84,.3),0 0 35px rgba(0,210,190,.18);margin-bottom:35px}.post-featured-image{width:100%;height:auto;max-height:480px;object-fit:contain;padding:12px;display:block}.post-article-card{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--glass-border);border-radius:24px;padding:40px 45px;box-shadow:var(--glass-shadow)}.post-article-content h2{font-size:1.6rem;font-weight:900;color:var(--blog-navy);margin:36px 0 16px;line-height:1.25;position:relative;padding-left:14px;border-left:4px solid var(--blog-teal)}.post-article-content h3{font-size:1.25rem;font-weight:800;color:var(--blog-navy);margin:28px 0 12px}.post-article-content p{font-size:1.02rem;color:#2d3748;line-height:1.8;margin-bottom:20px}.post-article-content ul{margin:0 0 24px;padding-left:20px}.post-article-content li{font-size:1rem;color:#2d3748;line-height:1.7;margin-bottom:10px}.blog-sidebar{display:flex;flex-direction:column;gap:30px}.glass-widget{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:20px;padding:26px;box-shadow:var(--glass-shadow)}.widget-doctor-card{text-align:center}.widget-doc-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--blog-teal);box-shadow:0 8px 20px rgba(0,150,136,.25);margin:0 auto 14px}.widget-doc-name{font-size:1.15rem;font-weight:900;color:var(--blog-navy);margin:0 0 4px}.widget-doc-title{font-size:.82rem;font-weight:700;color:var(--blog-teal);margin:0 0 12px}.widget-doc-desc{font-size:.84rem;color:#4a5568;line-height:1.5;margin-bottom:18px}.btn-widget-cta{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--blog-navy),#0a4382);color:#ffffff;font-weight:800;font-size:.88rem;padding:12px 18px;border-radius:30px;text-decoration:none;box-shadow:0 6px 18px rgba(7,43,84,.25);transition:all .3s ease}.btn-widget-cta:hover{background:linear-gradient(135deg,#031429,var(--blog-navy));color:#ffffff;transform:translateY(-2px)}.widget-title{font-size:1.05rem;font-weight:800;color:var(--blog-navy);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid rgba(7,43,84,.08)}.related-posts-list{display:flex;flex-direction:column;gap:16px}.related-post-item{display:flex;gap:12px;align-items:center;text-decoration:none;transition:transform .2s ease}.related-post-item:hover{transform:translateX(4px)}.related-post-thumb{width:65px;height:55px;border-radius:10px;object-fit:cover;flex-shrink:0}.related-post-info h5{font-size:.84rem;font-weight:800;color:var(--blog-navy);line-height:1.3;margin:0 0 4px}.related-post-info span{font-size:.72rem;color:#718096}.post-navigation-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;padding-top:30px;border-top:1.5px solid rgba(7,43,84,.1)}.nav-post-card{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:18px 22px;text-decoration:none;transition:all .3s ease}.nav-post-card:hover{background:#ffffff;border-color:var(--blog-teal);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,150,136,.15)}.nav-lbl{font-size:.75rem;font-weight:800;color:var(--blog-teal);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:block}.nav-title{font-size:.95rem;font-weight:800;color:var(--blog-navy);line-height:1.35;margin:0}@media (max-width:1024px){.featured-post-card{grid-template-columns:1fr}.blog-cards-grid{grid-template-columns:repeat(2,1fr)}.post-layout-grid{grid-template-columns:1fr}}@media (max-width:640px){.blog-cards-grid{grid-template-columns:1fr}.post-article-card{padding:24px 20px}.post-navigation-cards{grid-template-columns:1fr}}