@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #7B2FBE;--purple-light: #9B4FDE;--purple-dark: #5A1F8E;--neon: #39FF14;--neon-dim: #2BCC10;--charcoal: #1A1A2E;--charcoal-light: #222240;--charcoal-card: #25254A;--surface: #2D2D54;--white: #F0F0F5;--gray: #9B9BBF;--pink: #FF6B9D;--cyan: #00D4FF;--orange: #FF8C42;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--max-width: 1280px;--radius: 12px;--glow-purple: 0 0 20px rgba(123, 47, 190, .4);--glow-neon: 0 0 15px rgba(57, 255, 20, .3)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--charcoal);color:var(--white);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--neon);text-decoration:none;transition:color .2s}a:hover{color:var(--cyan)}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}.site-header{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-light) 100%);border-bottom:2px solid var(--purple);padding:0;position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--white)}.site-logo:hover{color:var(--neon)}.logo-emoji{font-size:2rem;line-height:1}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo-text .accent{color:var(--neon)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{color:var(--gray);font-family:var(--font-heading);font-size:.9rem;font-weight:500;padding:.5rem .9rem;border-radius:8px;transition:all .2s}.nav-links a:hover{color:var(--white);background:var(--purple)}.nav-toggle{display:none;background:none;border:2px solid var(--purple);color:var(--white);font-size:1.5rem;padding:.3rem .6rem;border-radius:8px;cursor:pointer}@media(max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--charcoal-light);border-bottom:2px solid var(--purple);flex-direction:column;padding:1rem;gap:.25rem}.nav-links.open{display:flex}.nav-links a{display:block;padding:.75rem 1rem;font-size:1rem}}.hero{background:linear-gradient(160deg,var(--purple-dark) 0%,var(--charcoal) 50%,var(--charcoal-light) 100%);padding:4rem 1.5rem 3rem;text-align:center;border-bottom:3px solid var(--purple);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(123,47,190,.15),transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(57,255,20,.05),transparent 50%);pointer-events:none}.hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:1rem;position:relative}.hero h1 .neon{color:var(--neon)}.hero p{font-size:1.15rem;color:var(--gray);max-width:600px;margin:0 auto;position:relative}.site-main{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}.section-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(to right,var(--purple),transparent)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.post-card{background:var(--charcoal-card);border:1px solid rgba(123,47,190,.25);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--glow-purple);border-color:var(--purple)}.post-card-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--surface)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-card-image img{transform:scale(1.08)}.post-card-image-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--surface) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem}.post-card-rating{position:absolute;top:.75rem;right:.75rem;background:#1a1a2ee6;backdrop-filter:blur(4px);border:1px solid var(--neon);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;color:var(--neon);letter-spacing:1px}.post-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.post-card-date{font-size:.8rem;color:var(--gray);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.post-card-body h2{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;line-height:1.35;margin-bottom:.6rem}.post-card-body h2 a{color:var(--white);transition:color .2s}.post-card-body h2 a:hover{color:var(--neon)}.post-card-excerpt{font-size:.9rem;color:var(--gray);line-height:1.6;flex:1;margin-bottom:1rem}.post-card-footer{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tag-pill{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:50px;transition:all .2s}.tag-pill-neon{background:#39ff141f;color:var(--neon);border:1px solid rgba(57,255,20,.3)}.tag-pill-neon:hover{background:#39ff1440;color:var(--neon);box-shadow:var(--glow-neon)}.tag-pill-purple{background:#7b2fbe26;color:var(--purple-light);border:1px solid rgba(123,47,190,.3)}.tag-pill-purple:hover{background:#7b2fbe4d;color:var(--purple-light)}.tag-pill-pink{background:#ff6b9d1f;color:var(--pink);border:1px solid rgba(255,107,157,.3)}.tag-pill-pink:hover{background:#ff6b9d40;color:var(--pink)}.tag-pill-cyan{background:#00d4ff1a;color:var(--cyan);border:1px solid rgba(0,212,255,.25)}.tag-pill-cyan:hover{background:#00d4ff33;color:var(--cyan)}.tag-pill-orange{background:#ff8c421f;color:var(--orange);border:1px solid rgba(255,140,66,.3)}.tag-pill-orange:hover{background:#ff8c4240;color:var(--orange)}.category-pill{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:50px;background:#7b2fbe33;color:var(--purple-light);border:1px solid rgba(123,47,190,.35);transition:all .2s}.category-pill:hover{background:var(--purple);color:var(--white)}.read-more{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--neon);display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem}.read-more:hover{color:var(--cyan)}.read-more:after{content:"→";transition:transform .2s}.read-more:hover:after{transform:translate(4px)}.post-article{max-width:780px;margin:0 auto}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--purple)}.post-header h1{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem;color:var(--gray)}.post-meta .date-badge{background:var(--purple);color:var(--white);font-weight:600;padding:.3rem .8rem;border-radius:6px;font-size:.8rem}.post-featured-image{border-radius:var(--radius);overflow:hidden;margin-bottom:2rem;border:2px solid rgba(123,47,190,.3)}.post-featured-image img{width:100%}.post-content{font-size:1.05rem;line-height:1.8}.post-content h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin:2.5rem 0 1rem;color:var(--neon)}.post-content h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin:2rem 0 .75rem}.post-content p{margin-bottom:1.25rem}.post-content blockquote{border-left:4px solid var(--neon);background:var(--charcoal-card);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--gray)}.post-content ul,.post-content ol{margin:1rem 0 1.5rem 1.5rem}.post-content li{margin-bottom:.4rem}.post-content code{background:var(--surface);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.post-content a{color:var(--neon);text-decoration:underline;text-underline-offset:3px}.post-tags-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--surface);display:flex;flex-wrap:wrap;gap:.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:3rem;padding:1.5rem 0}.pagination a,.pagination .current{font-family:var(--font-heading);font-size:.9rem;font-weight:600;padding:.5rem .9rem;border-radius:8px;transition:all .2s}.pagination a{color:var(--gray);background:var(--charcoal-card);border:1px solid var(--surface)}.pagination a:hover{background:var(--purple);color:var(--white);border-color:var(--purple)}.pagination .current{background:var(--purple);color:var(--white);border:1px solid var(--purple)}.pagination .ellipsis{color:var(--gray);padding:0 .3rem}.archive-header{margin-bottom:2.5rem}.archive-header h1{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;margin-bottom:.3rem}.archive-header .count{color:var(--gray);font-size:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.category-card{background:var(--charcoal-card);border:1px solid rgba(123,47,190,.25);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all .25s ease}.category-card:hover{border-color:var(--purple);box-shadow:var(--glow-purple);transform:translateY(-3px)}.category-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--white)}.category-card .count{font-size:.85rem;color:var(--gray)}.about-content{max-width:700px;font-size:1.05rem;line-height:1.8}.about-content p{margin-bottom:1.25rem}.about-content .nerd-emoji{font-size:3rem;margin-bottom:1rem;display:block}.site-footer{background:var(--charcoal-light);border-top:2px solid var(--purple);padding:2rem 1.5rem;text-align:center}.site-footer p{color:var(--gray);font-size:.85rem;margin-bottom:.4rem}.site-footer a{color:var(--neon)}.site-footer a:hover{color:var(--cyan)}@media(max-width:768px){.hero{padding:2.5rem 1rem 2rem}.site-main{padding:1.5rem 1rem}.post-grid{grid-template-columns:1fr;gap:1.25rem}.categories-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.header-inner{padding:.75rem 1rem}.logo-text{font-size:1.2rem}}