:root{--color-bg-base: #FFFFFF;--color-bg-surface: #F8FAFC;--color-brand-blue: #1E4ED8;--color-brand-blue-dark: #1E3A8A;--color-brand-blue-light: #3B82F6;--color-cta-amber: #F59E0B;--color-cta-amber-hover: #D97706;--color-text-main: #0F172A;--color-text-muted: #475569;--color-text-on-blue: #FFFFFF;--color-primary: var(--color-brand-blue);--color-accent: var(--color-cta-amber);--header-height: 80px;--max-width: 1280px;--container-padding: 2rem;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", serif}.dark{--color-bg-base: #020617;--color-bg-surface: #0f172a;--color-brand-blue: #3b82f6;--color-brand-blue-dark: #1d4ed8;--color-brand-blue-light: #60a5fa;--color-cta-amber: #f59e0b;--color-cta-amber-hover: #fbbf24;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-on-blue: #ffffff;--color-primary: var(--color-brand-blue);--color-accent: var(--color-cta-amber)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.bg-50-white{background-color:var(--color-bg-base);color:var(--color-text-main)}.bg-40-blue{background-color:var(--color-brand-blue);color:var(--color-text-on-blue)}.bg-10-cta{background-color:var(--color-cta-amber);color:#000}.text-cta{color:var(--color-cta-amber)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:9999px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:none}.btn-primary{background-color:var(--color-cta-amber);color:#000;box-shadow:0 4px 14px #f59e0b63}.btn-primary:hover{background-color:var(--color-cta-amber-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b3b}.btn-secondary{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background-color:#fff3}.section-white{background-color:var(--color-bg-base);color:var(--color-text-main)}.section-blue{background-color:var(--color-brand-blue);color:var(--color-text-on-blue)}.card{background-color:#fff;border-radius:2rem;box-shadow:0 10px 30px -10px #0000000d;transition:all .3s ease}.dark .card{background-color:var(--color-bg-surface);border:1px solid rgba(255,255,255,.05)}.sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:var(--color-bg-base);box-shadow:0 -4px 6px -1px #0000001a;display:none;z-index:50}@media(max-width:768px){.sticky-cta-mobile{display:block}}.blog-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;font-family:var(--font-serif);color:var(--color-brand-blue-dark)}.dark .blog-content h1{color:var(--color-brand-blue-light)}.blog-content h2{font-size:1.6rem;font-weight:700;margin:1.8rem 0 .8rem;font-family:var(--font-serif);color:var(--color-brand-blue-dark)}.dark .blog-content h2{color:var(--color-brand-blue-light)}.blog-content h3{font-size:1.3rem;font-weight:700;margin:1.5rem 0 .6rem;font-family:var(--font-serif);color:var(--color-text-main)}.blog-content p{margin-bottom:1.2rem}.blog-content ul,.blog-content ol{margin:1rem 0 1.2rem 1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5rem;line-height:1.8}.blog-content blockquote{border-left:4px solid var(--color-cta-amber);padding:16px 24px;margin:1.5rem 0;background:#f59e0b0f;border-radius:0 12px 12px 0;font-style:italic;color:var(--color-text-muted)}.dark .blog-content blockquote{background:#f59e0b14}.blog-content a{color:var(--color-brand-blue);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.blog-content a:hover{color:var(--color-cta-amber)}.blog-content img{max-width:100%;border-radius:16px;margin:1.5rem 0;box-shadow:0 8px 30px #0000001a}.blog-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-brand-blue),transparent);margin:2rem 0}[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);opacity:.5;pointer-events:none}[contenteditable]:focus{outline:none}
