*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.6;color:#1e293b;background-color:#fff}a{color:#8b5cf6;text-decoration:none;transition:color 200ms ease}a:hover{color:#ec4899}img{max-width:100%;height:auto}ul,ol{padding-left:1.5rem}li{margin-bottom:.5rem}code{font-family:"JetBrains Mono",monospace;font-size:0.9em;background:#f8fafc;padding:.25rem .5rem;border-radius:4px;color:#8b5cf6}pre{font-family:"JetBrains Mono",monospace;font-size:.875rem;background:#f8fafc;border-radius:16px;padding:1.5rem;overflow-x:auto;margin:2rem 0}pre code{background:none;padding:0;color:#1e293b}blockquote{border-left:3px solid #06b6d4;padding-left:1rem;margin:1.5rem 0;color:#64748b;font-style:italic}hr{border:none;height:2px;background:linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899, #f59e0b, #10b981);margin:3rem 0;border-radius:9999px}::selection{background-color:rgba(6,182,212,0.2)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;color:#1e293b;margin-bottom:1rem}h1{font-size:2rem}@media (min-width: 768px){h1{font-size:3rem}}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem;color:#64748b}p:last-child{margin-bottom:0}.gradient-text{background:linear-gradient(135deg, #06b6d4, #8b5cf6, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:900px;margin:0 auto;padding:0 1.5rem}.site-main{min-height:calc(100vh - 160px);padding-top:80px}.hero{padding:5rem 0 3rem;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-0.02em}@media (min-width: 768px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1.125rem;color:#64748b;max-width:500px;margin:0 auto}.posts-section{padding:2rem 0 5rem}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#94a3b8;margin-bottom:2rem}.posts-grid{display:flex;flex-direction:column;gap:.5rem}.no-posts{text-align:center;color:#64748b;padding:3rem 0}.post{padding:3rem 0 5rem}.post-header{margin-bottom:2rem;text-align:center}.post-title{font-size:2rem;margin-bottom:.75rem}@media (min-width: 768px){.post-title{font-size:3rem}}.post-meta{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:.75rem;color:#94a3b8;font-size:.875rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg, #06b6d4, #8b5cf6);color:white;border-radius:9999px;font-size:0.75rem;font-weight:500}.post-content{font-size:1.125rem;line-height:1.8}.post-content h2,.post-content h3{margin-top:3rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem;color:#1e293b}.post-content a{background:linear-gradient(to right, #06b6d4, #8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}.post-footer{margin-top:4rem;text-align:center}.back-link{color:#64748b;font-weight:500}.back-link:hover{color:#8b5cf6}.page{padding:3rem 0 5rem}.page-header{margin-bottom:2rem}.page-title{font-size:2rem}@media (min-width: 768px){.page-title{font-size:3rem}}.page-content{font-size:1.125rem;line-height:1.8}.page-content h2,.page-content h3{margin-top:3rem;margin-bottom:1rem}.page-content p{margin-bottom:1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(8px)}.header-container{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{display:flex;align-items:center}.logo-text{font-family:"JetBrains Mono",monospace;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg, #06b6d4, #8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.875rem;font-weight:500;color:#64748b;transition:color 200ms ease}.nav-link:hover{color:#1e293b}.nav-link.active{color:#8b5cf6}.post-card{transition:transform 200ms ease}.post-card:hover{transform:translateX(4px)}.post-card:hover .post-card-title{background:linear-gradient(135deg, #06b6d4, #8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-card-link{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0;color:inherit}.post-card-link:hover{color:inherit}.post-card-content{flex:1}.post-card-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:0;transition:all 200ms ease}.post-card-excerpt{display:none}.post-card-meta{font-size:.875rem;color:#94a3b8;white-space:nowrap}.post-card-tags{display:none}.site-footer{padding:2rem 0;border-top:1px solid #e2e8f0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-text{font-size:.875rem;color:#94a3b8;margin-bottom:0}.footer-links{display:flex;align-items:center;gap:1rem}.footer-link{color:#94a3b8;transition:color 200ms ease}.footer-link:hover{color:#8b5cf6}.highlight{background-color:#f8fafc;border-radius:16px}.highlight pre{margin:0;padding:1.5rem;background:transparent}.highlight code{background:transparent;padding:0;color:#1e293b}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#94a3b8;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#ec4899;font-weight:500}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .ss{color:#10b981}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .mx,.highlight .il{color:#f59e0b}.highlight .o,.highlight .ow{color:#ec4899}.highlight .nf,.highlight .fm{color:#8b5cf6}.highlight .nc{color:#06b6d4;font-weight:500}.highlight .n,.highlight .na,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .nv{color:#1e293b}:not(pre)>code{background-color:#f8fafc;padding:.25rem .5rem;border-radius:4px;color:#8b5cf6}.hidden{display:none !important}.text-center{text-align:center}.text-muted{color:#64748b}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.gradient-text{background:linear-gradient(135deg, #06b6d4, #8b5cf6, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rainbow-bar{height:4px;background:linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899, #f59e0b, #10b981);border-radius:9999px}