header[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #9d4edd}.logo[data-astro-cid-3ef6ksr2]{width:250px;height:auto;aspect-ratio:1}.pink[data-astro-cid-3ef6ksr2]{-webkit-text-fill-color:#ff0099}.purple[data-astro-cid-3ef6ksr2]{-webkit-text-fill-color:#9d4edd}.cyan[data-astro-cid-3ef6ksr2]{-webkit-text-fill-color:#4cc9f0}.subtitle[data-astro-cid-3ef6ksr2]{color:#b0b0b0;font-style:italic}@media(max-width:768px){header[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:center;text-align:center}.logo[data-astro-cid-3ef6ksr2]{width:150px}}footer[data-astro-cid-sz7xmlte]{margin-top:3rem;padding-top:1rem;border-top:2px solid #ff0099;color:#b0b0b0;font-size:.85rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans Code,Courier,monospace;background-color:#0a0a0a;color:#e0e0e0;padding:2rem;min-height:100vh;line-height:1.7}a{color:#9d4edd;text-decoration:none;transition:color .3s ease}a:hover{color:#4cc9f0}h1,h2,h3,h4{font-family:"Press Start 2P",Courier,monospace;line-height:1.4;margin-top:1.5em;margin-bottom:.5em}h1{font-size:4rem;background:linear-gradient(90deg,#f09,#9d4edd,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;color:#4cc9f0;text-transform:uppercase}h3{font-size:1.25rem;color:#4cc9f0}p{margin-bottom:1em;color:#b0b0b0;line-height:1.6}ul,ol{margin-bottom:1em;padding-left:2rem;color:#b0b0b0}li{line-height:1.6;margin-bottom:.5rem}li:last-child{margin-bottom:0}em{color:#b0b0b0}strong{color:#e0e0e0}code{font-family:Google Sans Code,JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;background:#1a1a1a;padding:.15em .3em}pre{padding:1rem;overflow-x:auto;margin-bottom:1em;background:#1a1a1a}pre code{background:none;padding:0}.astro-code{background:#1a1a1a!important;border:1px solid #333;padding:1rem}table{width:100%;border-collapse:collapse;margin-bottom:1em;color:#b0b0b0}th{font-family:Google Sans Code,Courier,monospace;font-size:.9rem;color:#4cc9f0;text-align:left;padding:.75rem;border-bottom:2px solid #9d4edd}td{padding:.75rem;border-bottom:1px solid #333}tr:hover td{background:#1a1a1a}blockquote{border-left:3px solid #ff0099;background:#1a1a1a;padding:1rem 1.5rem;margin-left:1.5rem;margin-bottom:1em}blockquote:nth-of-type(2n){border-left-color:#4cc9f0}blockquote p:last-child{margin-bottom:0}img{max-width:100%;height:auto}hr{border:none;border-top:2px solid #ff0099;margin:2rem 0}time{color:#f09;font-size:.9rem;font-style:italic}.card{padding:2.5rem 2rem 2rem;border:3px solid rgba(255,0,153,.9);border-radius:0;position:relative;margin-top:1.5rem}.card:nth-child(2n){border-color:#4cc9f0e6}.card>h2{margin:0;position:absolute;top:-1rem;left:1.5rem;background-color:#0a0a0a;padding:0 .75rem;z-index:1}.links-list{list-style:none;padding:0}.links-list li{margin-bottom:.75rem}.links-list a:before{content:"→ ";color:#f09}.nav-link{display:inline-block;color:#9d4edd;text-decoration:none;margin-bottom:2rem;transition:color .3s ease}.nav-link:hover{color:#4cc9f0}.nav-link:before{content:"← ";color:#f09}.nav-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.nav-btn{font-family:"Press Start 2P",Courier,monospace;font-size:1rem;background-color:transparent;color:#9d4edd;border:2px solid #9d4edd;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.nav-btn:hover{background-color:#9d4edd;color:#0a0a0a;border-color:#4cc9f0}.nav-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.container{max-width:1200px;margin:0 auto}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-blog{display:grid;grid-template-columns:1fr 300px;gap:3rem}.main-content{min-width:0}.sidebar{padding:2rem;border:3px solid #9d4edd;height:fit-content;position:sticky;top:2rem}.sidebar h3{font-family:"Press Start 2P",Courier,monospace;font-size:1rem;color:#4cc9f0;margin-bottom:1.5rem;text-transform:uppercase}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:1rem}.sidebar a{font-size:.9rem}.sidebar a:before{content:"→ ";color:#f09}@media(max-width:768px){h1{font-size:2rem}.card h2,.post-title{font-size:1rem!important}.grid-blog{grid-template-columns:1fr}.sidebar{position:static}.nav-btn{font-size:.75rem;padding:.75rem 1rem}}