:root{--card-bg:rgba(0,0,0,0.03);--card-border:rgba(0,0,0,0.08)}[data-theme=dark]{--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.08)}.post-header-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;opacity:0;transform:translateY(10px);animation:cardFadeIn .4s ease forwards;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.post-header-card:hover{transform:translateY(-2px);border-color:rgba(100,149,237,.25);box-shadow:0 8px 20px rgba(0,0,0,.15)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.post-title{font-size:1.9rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;letter-spacing:-.01em}.post-date{font-size:.9rem;color:rgba(0,0,0,.6)}[data-theme=dark] .post-date{color:rgba(255,255,255,.6)}.post-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.5);margin-bottom:.5rem}[data-theme=dark] .post-tag{color:rgba(255,255,255,.5)}.blog-post h2{font-size:1.5rem;margin-top:2rem}.blog-post h3{font-size:1.25rem;margin-top:1.5rem}.blog-post section h1{font-size:2.5rem;font-weight:600;margin-bottom:.75rem}.blog-post-container{padding:1.5rem;background-color:var(--vs-background);color:var(--vs-foreground);font-family:var(--font-sans);min-height:100vh}.blog-post{max-width:800px;margin:0 auto}.blog-main-image{width:100%;height:auto;max-width:400px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto 2rem;display:block}.back-button{margin-bottom:1rem;display:inline-flex;align-items:center;color:var(--vs-primary);text-decoration:none}.back-button:hover{text-decoration:underline}.blog-post-container a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.blog-post-container a:hover{color:#1d4ed8;text-decoration:underline}