:root{--bg-base:#050914;--bg-secondary:#0a0f1f;--bg-card:#ffffff0a;--bg-hover:#ffffff12;--text-primary:#f9fafb;--text-secondary:#a3adc2;--text-muted:#6b7688;--accent-primary:#3b82f6;--accent-secondary:#6366f1;--accent-cyan:#06b6d4;--border-color:#94a3b829;--glass-blur:blur(20px)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Source Sans Pro,sans-serif;color:#e5e7eb!important;background-color:#0a0e27!important}*{box-sizing:border-box}html,body,#__next{width:100%;height:100%}.navbar{background-color:#141829!important;border-bottom:1px solid #374151!important}.hero{justify-content:center;align-items:center;min-height:600px;display:flex;background-color:#0a0e27!important}.section{background-color:#0a0e27!important;padding:80px 20px!important}.section-dark{background-color:#141829!important;padding:80px 20px!important}.button-primary{color:#0a0e27!important;cursor:pointer!important;background-color:#06b6d4!important;border:none!important;border-radius:8px!important;padding:12px 32px!important;font-weight:600!important;transition:all .3s!important}.button-primary:hover{background-color:#0891b2!important}.card{background-color:#141829!important;border:1px solid #374151!important;border-radius:8px!important;padding:24px!important;transition:all .3s!important}.card:hover{border-color:#06b6d4!important;box-shadow:0 0 20px #06b6d44d!important}.badge{color:#06b6d4!important;background-color:#06b6d41a!important;border:1px solid #06b6d44d!important;border-radius:6px!important;margin:4px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;display:inline-block!important}.tech-badge{color:#9ca3af!important;text-align:center!important;background-color:#0000004d!important;border:1px solid #374151!important;border-radius:8px!important;padding:12px!important;font-size:14px!important;transition:all .3s!important}.tech-badge:hover{color:#06b6d4!important;border-color:#06b6d4!important}h1,h2,h3,h4,h5,h6{margin:0;color:#fff!important;font-weight:700!important}a{text-decoration:none;color:#9ca3af!important;transition:color .3s!important}a:hover{color:#06b6d4!important}@media (max-width:768px){body{font-size:16px}h1{font-size:clamp(24px,5vw,48px)}h2{font-size:clamp(20px,4vw,36px)}}.blog-content{color:#374151;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);max-width:900px;margin:0 auto;padding:3rem 2rem;font-size:16px;line-height:1.8}.blog-content .blog-header{border-bottom:2px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.blog-content h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 1.5rem;font-size:2.75rem;font-weight:700;line-height:1.2}.blog-content .meta{color:#6b7280;flex-wrap:wrap;gap:2rem;margin-top:1rem;font-size:.95rem;display:flex}.blog-content .meta span{align-items:center;font-weight:500;display:flex}.blog-content .meta span:before{content:"•";color:#3b82f6;margin-right:.5rem}.blog-content .meta span:first-child:before{content:"";margin-right:0}.blog-content h2{color:#0f172a;margin:3rem 0 1.5rem;padding-top:1rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-content h2:first-of-type{margin-top:2rem}.blog-content h3{color:#1e293b;margin:2rem 0 1rem;font-size:1.375rem;font-weight:600;line-height:1.4}.blog-content h4{color:#334155;margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600}.blog-content p{color:#475569;margin:1.25rem 0;font-size:17px;line-height:1.75}.blog-content strong{color:#0f172a;font-weight:600}.blog-content em{color:#3b82f6;font-style:italic}.blog-content ul,.blog-content ol{margin:1.5rem 0 1.5rem 2rem;padding:0}.blog-content ul li,.blog-content ol li{color:#475569;margin:.75rem 0;line-height:1.75}.blog-content ul li strong,.blog-content ol li strong{color:#0f172a}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li p{margin:.5rem 0}.blog-content section{margin:3rem 0}.blog-content section.intro,.blog-content section.conclusion{background:#f0f4f8;border-left:4px solid #3b82f6;border-radius:8px;padding:2rem}.blog-content section.conclusion{background:linear-gradient(135deg,#f0f4f8 0%,#e0e7ff 100%);border-left-color:#6366f1;margin-top:4rem}.blog-content .intro p,.blog-content .conclusion p{color:#334155}.blog-content .challenge-box{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #ef4444;border-radius:6px;margin:2rem 0;padding:2rem;transition:box-shadow .3s;box-shadow:0 2px 8px #0000000f}.blog-content .challenge-box:hover{box-shadow:0 4px 12px #0000001a}.blog-content .challenge-box h3{color:#1e293b;border-bottom:2px solid #fecaca;margin-top:0;padding-bottom:.75rem}.blog-content .challenge-box p{color:#475569;margin:1rem 0}.blog-content .challenge-box ul{margin:1rem 0 1rem 2rem}.blog-content .challenge-box li{color:#334155}.blog-content .incident{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:6px;margin:2.5rem 0;padding:2rem;box-shadow:0 2px 8px #0000000f}.blog-content .incident h3{color:#1e293b;border-bottom:2px solid #fcd34d;margin-top:0;padding-bottom:.75rem}.blog-content .incident p{color:#475569;margin:1rem 0}.blog-content .incident strong{color:#1e293b}.blog-content .incident code{color:#7c3aed;background:#f3f4f6;border-radius:3px;padding:.25rem .5rem;font-family:Monaco,Courier New,monospace;font-size:.9em}.blog-content pre{color:#e5e7eb;background:#1f2937;border:1px solid #374151;border-radius:6px;margin:1.5rem 0;padding:1.5rem;font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;box-shadow:0 4px 12px #00000026}.blog-content code{font-family:Monaco,Courier New,monospace;font-size:.9em}.blog-content pre code{color:#e5e7eb;background:0 0;padding:0}.blog-content .language-hcl,.blog-content .language-yaml,.blog-content .language-bash{color:#e5e7eb}.blog-content .decision-box{background:#f0fdf4;border:1px solid #c7f0d8;border-left:4px solid #10b981;border-radius:6px;margin:2rem 0;padding:2rem;box-shadow:0 2px 8px #10b98114}.blog-content .decision-box h3{color:#065f46;border-bottom:2px solid #86efac;margin-top:0;padding-bottom:.75rem}.blog-content .decision-box p{color:#047857}.blog-content .decision-box strong{color:#065f46}.blog-content table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.blog-content table thead{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.blog-content table th{color:#fff;text-align:left;padding:1rem;font-size:.95rem;font-weight:600}.blog-content table td{color:#475569;border-bottom:1px solid #e2e8f0;padding:1rem}.blog-content table tr:last-child td{border-bottom:none}.blog-content table tr:hover{background:#f9fafb}.blog-content table strong{color:#1e293b}.blog-content .mistake{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;margin:2rem 0;padding:1.75rem;box-shadow:0 2px 8px #dc262614}.blog-content .mistake h3{color:#7f1d1d;border-bottom:2px solid #fca5a5;margin-top:0;padding-bottom:.75rem}.blog-content .mistake p{color:#9f1239;margin:.75rem 0}.blog-content .mistake strong{color:#7f1d1d}.blog-content .runbook-step{background:#f0fdf4;border:1px solid #c7f0d8;border-left:4px solid #059669;border-radius:6px;margin:2rem 0;padding:1.75rem;box-shadow:0 2px 8px #05966914}.blog-content .runbook-step h3{color:#065f46;border-bottom:2px solid #6ee7b7;margin-top:0;padding-bottom:.75rem}.blog-content .runbook-step p{color:#047857;margin:1rem 0 .5rem;font-weight:500}.blog-content .runbook-step pre{background:#1f2937;margin:1rem 0}.blog-content .terraform-section{background:#f8fafc;border-left:4px solid #8b5cf6;border-radius:8px;margin:3rem 0;padding:2rem}.blog-content .terraform-section h2{border-bottom:2px solid #d8b4fe;padding-bottom:1rem}.blog-content .terraform-section p{color:#334155}.blog-content a{color:#3b82f6;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:border-color .3s}.blog-content a:hover{border-bottom-color:#3b82f6}.blog-content code:not(pre code){color:#7c3aed;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:3px;padding:.25rem .5rem;font-size:.9em}.blog-content mark{color:#92400e;background:#fef3c7;border-radius:2px;padding:.25rem .5rem}@media (max-width:768px){.blog-content{padding:1.5rem;font-size:15px}.blog-content h1{font-size:2rem}.blog-content h2{margin:2rem 0 1rem;font-size:1.5rem}.blog-content h3{font-size:1.2rem}.blog-content .meta{flex-direction:column;gap:.5rem}.blog-content section{margin:2rem 0}.blog-content .challenge-box,.blog-content .incident,.blog-content .decision-box,.blog-content .mistake,.blog-content .runbook-step{margin:1.5rem 0;padding:1.5rem}.blog-content pre{-webkit-overflow-scrolling:touch;padding:1rem;font-size:.85rem;overflow-x:auto}.blog-content table{font-size:.9rem}.blog-content table th,.blog-content table td{padding:.75rem}.blog-content ul,.blog-content ol{margin-left:1.5rem}.blog-content p{font-size:15px;line-height:1.7}}@media (max-width:480px){.blog-content{padding:1rem}.blog-content h1{font-size:1.75rem}.blog-content h2{font-size:1.3rem}.blog-content h3{font-size:1.1rem}.blog-content pre{padding:.75rem;font-size:.8rem}.blog-content code:not(pre code){padding:.2rem .4rem;font-size:.85em}.blog-content table{font-size:.85rem}.blog-content table th,.blog-content table td{padding:.5rem}.blog-content section.intro,.blog-content section.conclusion,.blog-content .challenge-box,.blog-content .incident,.blog-content .decision-box,.blog-content .mistake,.blog-content .runbook-step{margin:1rem 0;padding:1rem}}@media (prefers-color-scheme:dark){.blog-content{color:#cbd5e1;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#f1f5f9}.blog-content p{color:#cbd5e1}.blog-content .challenge-box,.blog-content .incident,.blog-content .decision-box,.blog-content .mistake,.blog-content .runbook-step{background:#1e293b80;border-color:#94a3b833}.blog-content .challenge-box h3,.blog-content .incident h3,.blog-content .decision-box h3,.blog-content .mistake h3,.blog-content .runbook-step h3{color:#e2e8f0}.blog-content section.intro,.blog-content section.conclusion{background:#1e293bb3;border-left-color:#60a5fa}.blog-content code:not(pre code){color:#a78bfa;background:#33415580;border-color:#94a3b833}.blog-content table{background:#1e293b80;border-color:#94a3b833}.blog-content table tr:hover{background:#3341554d}.blog-content a{color:#60a5fa}}@media print{.blog-content{background:#fff;max-width:100%;padding:0}.blog-content pre{page-break-inside:avoid;border:1px solid #d1d5db}.blog-content section,.blog-content .challenge-box,.blog-content .incident,.blog-content table{page-break-inside:avoid}}
