/* BIPOFY_BLOG_UI_POLISH_V130 */

body{background:radial-gradient(circle at 12% 3%,rgba(16,185,129,.15),transparent 30%),radial-gradient(circle at 90% 0%,rgba(6,182,212,.12),transparent 28%),linear-gradient(180deg,#f8fffb 0%,#ffffff 48%,#f8fffb 100%)!important}
.hero{position:relative!important;overflow:hidden!important;padding:82px 0 54px!important;background:radial-gradient(circle at 18% 18%,rgba(16,185,129,.24),transparent 32%),radial-gradient(circle at 84% 10%,rgba(6,182,212,.18),transparent 30%),linear-gradient(135deg,#052e2b 0%,#064e3b 48%,#0f766e 100%)!important;color:#ffffff!important}
.hero h1{max-width:940px!important;color:#ffffff!important;text-shadow:0 18px 44px rgba(0,0,0,.18)!important}
.hero .lead{color:rgba(255,255,255,.88)!important;max-width:860px!important}
.kicker{background:rgba(255,255,255,.12)!important;color:#d1fae5!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important}
.breadcrumb{color:rgba(255,255,255,.72)!important}.breadcrumb a{color:#d1fae5!important}
.card{border:1px solid rgba(226,232,240,.92)!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 22px 54px rgba(15,23,42,.075)!important}
.article{padding:34px!important}.article h2{color:#0f172a!important;margin-top:34px!important;letter-spacing:-.03em!important}.article p{color:#475569!important}
.answer{border:1px solid #86efac!important;background:radial-gradient(circle at 12% 10%,rgba(16,185,129,.13),transparent 34%),linear-gradient(180deg,#ecfdf5,#ffffff)!important;border-radius:24px!important;padding:22px!important;box-shadow:0 16px 36px rgba(16,185,129,.08)!important}
.side{border-color:#86efac!important;background:radial-gradient(circle at 16% 10%,rgba(16,185,129,.18),transparent 34%),linear-gradient(180deg,#ffffff 0%,#ecfdf5 100%)!important}
.side h3{color:#064e3b!important;font-size:20px!important;line-height:1.25!important}.side p{color:#475569!important}
.btn.primary{background:linear-gradient(110deg,#10b981,#06b6d4)!important;color:#ffffff!important;box-shadow:0 16px 32px rgba(5,150,105,.22)!important}
.blog-card{position:relative!important;overflow:hidden!important;padding:24px!important;border-radius:28px!important;background:radial-gradient(circle at 12% 0%,rgba(16,185,129,.16),transparent 36%),linear-gradient(180deg,#ffffff 0%,#f8fffb 100%)!important;border:1px solid rgba(209,250,229,.95)!important;box-shadow:0 20px 46px rgba(15,23,42,.065)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.blog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#10b981,#06b6d4)}
.blog-card:hover{transform:translateY(-3px)!important;border-color:#86efac!important;box-shadow:0 26px 58px rgba(15,23,42,.095)!important}
.blog-card h2{color:#0f172a!important;font-size:20px!important;line-height:1.22!important;letter-spacing:-.025em!important}
.blog-card p{color:#64748b!important}.blog-card strong{color:#047857!important}
@media(max-width:860px){.hero{padding:58px 0 38px!important}.article{padding:22px!important}.navlinks .btn{padding:9px 11px!important;font-size:13px!important}}@media(max-width:520px){.hero h1{font-size:34px!important}.lead{font-size:16px!important}.side .btn{width:100%!important}}