html,body{background:#0f0f0f !important;color:#f8f8f8 !important;margin:0;padding:0;min-height:100vh}.wrapper,.page-content,main{background:#0f0f0f !important;color:#f8f8f8 !important}.post{max-width:800px;margin:2rem auto;padding:0 2rem;line-height:1.6;color:#f8f8f8;background:#0f0f0f;min-height:100vh}.post-hero{margin:2rem -2rem 0 -2rem;border-radius:12px;box-shadow:0 8px 32px rgba(98,0,238,0.3);border:1px solid rgba(98,0,238,0.2)}.post-hero-image{width:100%;height:auto;aspect-ratio:16 / 9;display:block;border-radius:12px;transition:transform 0.3s ease;filter:brightness(0.9)}.post-hero-image:hover{transform:scale(1.02);filter:brightness(1)}.post-header{margin:3rem 0 2rem 0}.post-title{font-size:2.8rem;font-weight:700;line-height:1.2;margin:2rem 0 1.5rem 0;color:#f8f8f8;letter-spacing:-0.02em;background:linear-gradient(135deg, #6200EE 0%, #9c27b0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:0.95rem;color:#b0b0b0}.post-meta .author{font-weight:500;color:#6200EE}.post-description{font-size:1.25rem;color:#e0e0e0;margin:1.5rem 0;font-style:italic;padding:1.5rem 2rem;background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);border-left:4px solid #6200EE;border-radius:0 12px 12px 0;box-shadow:0 2px 8px rgba(98,0,238,0.2);border:1px solid rgba(98,0,238,0.1)}.post-taxonomy{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}.post-categories,.post-tags{display:flex;flex-wrap:wrap;gap:0.75rem}.category{background:linear-gradient(135deg, rgba(98,0,238,0.2) 0%, rgba(98,0,238,0.3) 100%);color:#bb86fc;padding:0.5rem 1rem;border-radius:25px;font-size:0.9rem;font-weight:500;border:1px solid rgba(98,0,238,0.4);transition:all 0.2s ease;backdrop-filter:blur(10px)}.category:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(98,0,238,0.4);background:linear-gradient(135deg, rgba(98,0,238,0.3) 0%, rgba(98,0,238,0.5) 100%)}.tag{background:linear-gradient(135deg, rgba(156,39,176,0.2) 0%, rgba(156,39,176,0.3) 100%);color:#ce93d8;padding:0.5rem 1rem;border-radius:25px;font-size:0.9rem;font-weight:500;border:1px solid rgba(156,39,176,0.4);transition:all 0.2s ease;backdrop-filter:blur(10px)}.tag:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(156,39,176,0.4);background:linear-gradient(135deg, rgba(156,39,176,0.3) 0%, rgba(156,39,176,0.5) 100%)}.post-divider{border:none;height:3px;background:linear-gradient(90deg, #6200EE 0%, #9c27b0 50%, transparent 100%);margin:3rem 0;border-radius:2px;box-shadow:0 0 10px rgba(98,0,238,0.3)}.post-content br{display:block;margin:0.6rem 0;line-height:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:3rem 0 1.5rem 0;color:#f8f8f8;font-weight:600;letter-spacing:-0.01em}.post-content h1{font-size:2.2rem;border-bottom:3px solid #6200EE;padding-bottom:0.75rem;margin-top:4rem;background:linear-gradient(135deg, #6200EE 0%, #9c27b0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-content h2{font-size:1.8rem;color:#e0e0e0;margin-top:3.5rem}.post-content h3{font-size:1.5rem;color:#d0d0d0;margin-top:3rem}.post-content p{margin:0.9rem 0;text-align:justify}.post-content ul,.post-content ol{margin:2rem 0;padding-left:2.5rem}.post-content li{margin:0.75rem 0}.post-content blockquote{background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);border-left:4px solid #6200EE;margin:2.5rem 0;padding:1.5rem 2rem;font-style:italic;border-radius:0 8px 8px 0;box-shadow:0 2px 12px rgba(98,0,238,0.2);position:relative;border:1px solid rgba(98,0,238,0.1)}.post-content blockquote::before{content:'"';font-size:4rem;color:#6200EE;position:absolute;top:-1rem;left:1rem;opacity:0.3}.post-content code{background:rgba(98,0,238,0.1);padding:0.3rem 0.6rem;border-radius:6px;font-family:'Fira Code', 'Courier New', monospace;font-size:0.9rem;color:#bb86fc;border:1px solid rgba(98,0,238,0.2)}.post-content pre{background:linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);color:#f0f0f0;padding:2rem;border-radius:12px;overflow-x:auto;margin:2.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,0.5);border:1px solid rgba(98,0,238,0.2)}.post-content pre code{background:none;padding:0;color:inherit;border-radius:0;border:none}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:2.5rem 0;box-shadow:0 4px 20px rgba(98,0,238,0.2);transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid rgba(98,0,238,0.1)}.post-content img:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(98,0,238,0.3)}.post-content a{color:#6200EE;text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s ease;position:relative}.post-content a:hover{color:#bb86fc;border-bottom-color:#bb86fc;text-shadow:0 0 8px rgba(98,0,238,0.5)}.post-content a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, #6200EE 0%, #9c27b0 100%);transition:width 0.3s ease}.post-content a:hover::after{width:100%}.post-footer{margin-top:4rem;padding-top:2rem}.post-footer-meta{text-align:center;color:#b0b0b0;font-size:0.95rem;background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);padding:1.5rem;border-radius:12px;border:1px solid rgba(98,0,238,0.2);box-shadow:0 2px 8px rgba(98,0,238,0.1)}@media (max-width: 1024px){.post{margin:1.5rem auto;padding:0 1.5rem}.post-hero{margin:2rem -1.5rem 0 -1.5rem}}@media (max-width: 768px){.post{margin:1rem auto;padding:0 1rem}.post-hero{margin:1.5rem -1rem 0 -1rem}.post-hero-image{height:auto}.post-title{font-size:2.2rem;margin:1.5rem 0 1rem 0}.post-content{font-size:1.05rem;line-height:1.7}.post-meta{flex-direction:column;align-items:flex-start;gap:0.75rem}.post-description{font-size:1.1rem;padding:1.25rem 1.5rem}.post-taxonomy{gap:0.75rem}.post-categories,.post-tags{gap:0.5rem}}@media (max-width: 480px){.post{padding:0 1rem}.post-hero{margin:1rem -1rem 0 -1rem;border-radius:8px}.post-title{font-size:1.9rem}.post-hero-image{aspect-ratio:16 / 9}.category,.tag{font-size:0.85rem;padding:0.4rem 0.8rem}.post-description{font-size:1rem;padding:1rem 1.25rem;margin:1rem 0}.post-content{font-size:1rem;text-align:left}.post-content blockquote{padding:1rem 1.5rem;margin:2rem 0}.post-content pre{padding:1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#6200EE;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9c27b0}::selection{background:rgba(98,0,238,0.3);color:#f8f8f8}.post-content{font-size:1.125rem;line-height:1.75;margin:3rem 0;color:#f0f0f0}ul{list-style-type:disc;margin-left:1.5rem;padding-left:0;color:#e0e0e0;line-height:1.6}ol{list-style-type:decimal;margin-left:1.5rem;padding-left:0;color:#e0e0e0;line-height:1.6}li{margin-bottom:0.5rem}