.blog-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:24px;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);box-shadow:0 20px 40px -10px #00000080, 0 0 0 1px color-mix(in srgb, var(--color-accent) 20%, transparent);transform:translateY(-4px)}.blog-card-inner{flex-direction:column;flex:1;padding:32px;display:flex}.blog-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);border-radius:99px;padding:5px 12px;font-family:system-ui,sans-serif;font-size:10px;font-weight:700}.blog-hero{background:linear-gradient(160deg,#081521 0%,#0e2130 40%,#12283a 100%);padding:160px 24px 80px;position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 70%);filter:blur(80px);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.blog-hero:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.blog-hero-inner{z-index:1;max-width:900px;margin:0 auto;position:relative}.blog-hero .blog-tag{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent)}.blog-hero-title{font-family:var(--font-serif);letter-spacing:-.03em;color:#e6f2fb;margin-bottom:32px;font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:700;line-height:1.05}.blog-hero-excerpt{color:#9db6cb;max-width:680px;margin-bottom:40px;font-family:system-ui,sans-serif;font-size:1.15rem;line-height:1.7}.blog-hero-meta{color:#5f7d97;text-transform:uppercase;letter-spacing:.15em;border-top:1px solid #ffffff0f;align-items:center;gap:20px;padding-top:32px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;display:flex}.blog-hero-meta .meta-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.blog-hero-back{letter-spacing:.15em;text-transform:uppercase;color:#5f7d97;align-items:center;gap:8px;margin-bottom:48px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}.blog-hero-back:hover{color:var(--color-accent)}.blog-article-body{max-width:740px;margin:0 auto;padding:80px 24px 60px}.blog-content{color:var(--color-soft);font-family:system-ui,sans-serif;font-size:1.125rem;line-height:1.85}.blog-content h2{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.02em;margin-top:56px;margin-bottom:20px;padding-left:20px;font-size:2rem;font-weight:700;position:relative}.blog-content h2:before{content:"";background:linear-gradient(180deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 30%, transparent));border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.blog-content h3{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.01em;margin-top:40px;margin-bottom:16px;font-size:1.4rem;font-weight:600}.blog-content p{color:var(--color-soft);margin-bottom:24px}.blog-content ul,.blog-content ol{margin-bottom:28px;margin-left:0;padding-left:0;list-style:none}.blog-content li{color:var(--color-soft);margin-bottom:14px;padding-left:28px;position:relative}.blog-content li:before{content:"";border:2px solid var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:6px}.blog-content strong{color:var(--color-ink);font-weight:700}.blog-content a{color:var(--color-accent);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);text-decoration:none;transition:border-color .2s}.blog-content a:hover{border-color:var(--color-accent)}.blog-content blockquote{border-left:3px solid var(--color-accent);color:var(--color-ink);background:color-mix(in srgb, var(--color-accent) 4%, transparent);border-radius:0 16px 16px 0;margin:40px 0;padding:24px 28px;font-size:1.15rem;font-style:italic;line-height:1.7}.blog-cta{text-align:center;background:linear-gradient(160deg,#081521 0%,#0e2130 40%,#12283a 100%);padding:80px 24px;position:relative;overflow:hidden}.blog-cta:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.blog-cta:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 10%, transparent) 0%, transparent 70%);filter:blur(60px);pointer-events:none;border-radius:50%;width:500px;height:300px;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.blog-cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.blog-cta h3{font-family:var(--font-serif);color:#e6f2fb;letter-spacing:-.02em;margin-bottom:16px;font-size:2.2rem;font-weight:700}.blog-cta p{color:#9db6cb;margin-bottom:32px;font-family:system-ui,sans-serif;font-size:1.05rem;line-height:1.6}.blog-cta-btn{background:var(--color-accent);color:#081521;letter-spacing:.02em;border:2px solid var(--color-accent);border-radius:99px;align-items:center;gap:10px;padding:16px 36px;font-family:system-ui,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex}.blog-cta-btn:hover{color:var(--color-accent);box-shadow:0 12px 32px -8px color-mix(in srgb, var(--color-accent) 30%, transparent);background:0 0;transform:translateY(-2px)}.blog-divider{max-width:740px;margin:0 auto;padding:0 24px}.blog-divider-line{background:linear-gradient(90deg, transparent, var(--color-line), transparent);height:1px}
