*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#0c0a09;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){body{color:#e7e5e4;background:#0c0a09}}a{color:inherit;text-decoration:none}.container{max-width:680px;min-height:100vh;margin:0 auto;padding:clamp(72px,10vw,92px) clamp(16px,5vw,40px) 60px}.btn{text-align:center;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s;display:block}.btn-primary{color:#fafaf9;background:#18181b;border:1px solid #18181b}.btn-primary:hover{background:#27272a}.btn-secondary{color:#292524;background:#fff;border:1px solid #d6d3d1}.btn-secondary:hover{background:#fafaf9;border-color:#a8a29e}.card{background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:14px;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 2px #1c19170a}.card:hover{border-color:#d6d3d1;box-shadow:0 2px 8px #1c191712}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.blog-content img{border-radius:8px;max-width:100%;height:auto}.blog-content pre{color:#e7e5e4;background:#292524;border-radius:8px;padding:14px;font-size:clamp(12px,2vw,14px);line-height:1.6;overflow-x:auto}.blog-content code{word-break:break-word;background:#1c19170f;border-radius:4px;padding:1px 5px;font-size:clamp(12px,2vw,14px)}.blog-content pre code{word-break:normal;background:0 0;padding:0}.blog-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.blog-content table td,.blog-content table th{border:1px solid #d6d3d1;padding:8px 12px;font-size:clamp(13px,2vw,15px)}.blog-content table th{background:#f5f5f4;font-weight:600}.blog-content blockquote{color:#292524;border-left:3px solid #78716c;margin:0;padding-left:16px}.blog-content h2,.blog-content h3{color:#0c0a09;margin-top:32px}.blog-content p{color:#1c1917}.blog-content a{color:#6366f1;text-underline-offset:2px;text-decoration:underline}.blog-content a:hover{color:#4f46e5}