.blog-layout{color:#111827;background:radial-gradient(circle at 0 0,#6366f11f,#0000 32rem),radial-gradient(circle at 100% 0,#ec48991a,#0000 28rem),linear-gradient(#fff 0%,#f8fafc 45%,#fff 100%);min-height:100vh}.blog-layout main{max-width:860px;margin:0 auto;padding:72px 24px 96px;position:relative}.blog-layout main:before{content:"";background:linear-gradient(90deg,#4f46e5,#ec4899);border-radius:999px;width:72px;height:6px;margin-bottom:28px;display:block}.blog-layout h1{letter-spacing:-.065em;color:#020617;max-width:850px;margin:0 0 24px;font-size:clamp(2.35rem,6vw,4.7rem);font-weight:900;line-height:.95}.blog-layout h2{letter-spacing:-.04em;color:#0f172a;margin-top:58px;margin-bottom:18px;font-size:clamp(1.65rem,3vw,2.3rem);font-weight:850;line-height:1.08}.blog-layout h3{letter-spacing:-.025em;color:#1e293b;margin-top:32px;margin-bottom:12px;font-size:1.22rem;font-weight:800;line-height:1.25}.blog-layout p{color:#334155;margin:18px 0;font-size:1.08rem;line-height:1.85}.blog-layout p:first-of-type{color:#475569;font-size:1.22rem;line-height:1.75}.blog-layout .text-sm{letter-spacing:.1em;text-transform:uppercase;background:#ffffffc2;border:1px solid #4f46e529;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 13px;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #0f172a0f;color:#4f46e5!important}.blog-layout ul,.blog-layout ol{background:#ffffffdb;border:1px solid #94a3b847;border-radius:24px;margin:24px 0;padding:24px 28px;box-shadow:0 18px 45px #0f172a0e}.blog-layout li{color:#334155;margin:12px 0;padding-left:4px;font-size:1.05rem;line-height:1.7}.blog-layout li::marker{color:#4f46e5;font-weight:900}.blog-layout a{color:#4f46e5;border-bottom:1px solid #4f46e540;font-weight:750;text-decoration:none;transition:color .2s,border-color .2s}.blog-layout a:hover{color:#db2777;border-color:#db277759}.blog-layout strong{color:#0f172a;font-weight:850}.blog-layout blockquote{color:#1e293b;background:#4f46e50f;border-left:5px solid #4f46e5;border-radius:18px;margin:36px 0;padding:24px 28px}.blog-layout code{color:#3730a3;background:#eef2ff;border-radius:8px;padding:3px 7px;font-size:.95em}.blog-layout hr{background:linear-gradient(90deg,#0000,#94a3b8b3,#0000);border:0;height:1px;margin:56px 0}:is(.blog-layout h2:has(+ul),.blog-layout h2:has(+h3)){scroll-margin-top:100px}@media (max-width:700px){.blog-layout main{padding:48px 18px 72px}.blog-layout h1{font-size:2.5rem}.blog-layout h2{margin-top:44px;font-size:1.65rem}.blog-layout p{font-size:1rem;line-height:1.75}.blog-layout p:first-of-type{font-size:1.08rem}.blog-layout ul,.blog-layout ol{border-radius:20px;padding:20px 22px}}