.blog-wrap{color:#fff;min-height:100vh;font-family:var(--font-jakarta,sans-serif);background:#071120}.blog-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071120eb;border-bottom:1px solid #ffffff0f;padding:0 28px;position:sticky;top:0}.blog-nav-inner{justify-content:space-between;align-items:center;max-width:960px;height:60px;margin:0 auto;display:flex}.blog-nav-logo{color:#00d4b8;letter-spacing:-.02em;font-size:18px;font-weight:800;text-decoration:none}.blog-nav-back{color:#fff6;font-size:13px;text-decoration:none;transition:color .2s}.blog-nav-back:hover{color:#ffffffbf}.blog-hero{padding:80px 28px 64px;position:relative;overflow:hidden}.blog-hero-inner{z-index:1;max-width:960px;margin:0 auto;position:relative}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4b812 0%,#0000 65%);width:560px;height:560px;position:absolute;top:-100px;right:-80px}.blog-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0064c80d 0%,#0000 65%);width:400px;height:400px;position:absolute;bottom:-60px;left:-60px}.blog-hero-badge{color:#00d4b8;letter-spacing:.14em;text-transform:uppercase;background:#00d4b814;border:1px solid #00d4b833;border-radius:100px;align-items:center;gap:7px;margin-bottom:22px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.blog-hero-badge-dot{background:#00d4b8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #00d4b8}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.blog-hero-title{letter-spacing:-.03em;color:#fff;margin:0 0 16px;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.1}.blog-hero-title-accent{background:linear-gradient(135deg,#00f0d0,#00d4b8,#0ad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-hero-sub{color:#fff6;max-width:480px;margin:0;font-size:15px;line-height:1.7}.blog-grid-wrap{max-width:960px;margin:0 auto;padding:0 28px 120px}.blog-card-featured-link{color:inherit;margin-bottom:24px;text-decoration:none;display:block}.blog-card-featured{border:1px solid #00d4b826;border-radius:20px;grid-template-columns:1fr 340px;min-height:220px;transition:border-color .25s,transform .22s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.blog-card-featured-link:hover .blog-card-featured{border-color:#00d4b859;transform:translateY(-3px);box-shadow:0 20px 60px #00000059,0 0 0 1px #00d4b814}.blog-card-featured:before{content:"";z-index:2;background:linear-gradient(90deg,#00d4b8,#0ad,#60a5fa);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.blog-card-featured-body{background:#00d4b808;flex-direction:column;justify-content:space-between;gap:16px;padding:36px 40px;display:flex}.blog-card-featured-cover{background:var(--cover-bg,linear-gradient(135deg, #00d4b826, #0078c81a));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-card-featured-cover-icon{opacity:.18;transition:opacity .25s,transform .25s;transform:scale(1.1)rotate(-8deg)}.blog-card-featured-link:hover .blog-card-featured-cover-icon{opacity:.28;transform:scale(1.15)rotate(-5deg)}.blog-card-featured-cover-glow{background:radial-gradient(ellipse at 60% 50%, var(--glow-color,#00d4b833) 0%, transparent 65%);position:absolute;inset:0}.blog-card-featured-badge-row{align-items:center;gap:10px;display:flex}.blog-card-featured-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent,#00d4b8);background:color-mix(in srgb, var(--card-accent,#00d4b8) 12%, transparent);border:1px solid color-mix(in srgb, var(--card-accent,#00d4b8) 28%, transparent);border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700}.blog-card-featured-new{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700}.blog-card-featured-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:clamp(18px,2.5vw,24px);font-weight:800;line-height:1.2}.blog-card-featured-desc{color:#ffffff73;margin:0;font-size:14px;line-height:1.65}.blog-card-featured-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.blog-card-featured-meta{color:#ffffff47;align-items:center;gap:12px;font-size:12px;display:flex}.blog-card-featured-cta{color:#00d4b8;font-size:13px;font-weight:600}.blog-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.blog-card-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:1;transition:border-color .22s,background .22s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";background:var(--card-accent,#00d4b8);opacity:.35;border-radius:16px 16px 0 0;height:2px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.blog-card-link:hover .blog-card{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #00000047}.blog-card-link:hover .blog-card:before{opacity:.9}.blog-card-cover{background:var(--cover-bg,linear-gradient(135deg, #00d4b81a, #0050a01a));border-radius:14px 14px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.blog-card-cover-glow{background:radial-gradient(ellipse at 50% 40%, var(--glow-color,#00d4b82e) 0%, transparent 70%);position:absolute;inset:0}.blog-card-cover-icon{z-index:1;opacity:.22;transition:opacity .25s,transform .25s;position:relative;transform:scale(1)rotate(-6deg)}.blog-card-link:hover .blog-card-cover-icon{opacity:.35;transform:scale(1.06)rotate(-4deg)}.blog-card-body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 20px;display:flex}.blog-card-top{align-items:center;gap:10px;display:flex}.blog-card-cat{letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent,#00d4b8);background:color-mix(in srgb, var(--card-accent,#00d4b8) 12%, transparent);border:1px solid color-mix(in srgb, var(--card-accent,#00d4b8) 25%, transparent);border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700}.blog-card-time{color:#ffffff45;font-size:11px}.blog-card-title{letter-spacing:-.015em;color:#fff;flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.4}.blog-card-desc{color:#ffffff61;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.blog-card-date{color:#ffffff38;font-size:11px}.blog-card-read{color:var(--card-accent,#00d4b8);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.blog-page-footer{text-align:center;color:#fff3;border-top:1px solid #ffffff0d;padding:32px 28px;font-size:13px}.blog-page-footer a{color:#ffffff52;text-decoration:none;transition:color .2s}.blog-page-footer a:hover{color:#fff9}@media (max-width:700px){.blog-card-featured{grid-template-columns:1fr}.blog-card-featured-cover{height:160px}}