.blog-card{--primary-blue: hsl(200, 50%, 65%);--accent-gold: hsl(35, 60%, 55%);--text-white: hsl(0, 0%, 98%);--text-muted: hsl(210, 10%, 70%);--bg-card: hsl(210, 20%, 14%);--bg-card-hover: hsl(210, 20%, 16%)}.blog-card{display:block;background:linear-gradient(135deg,var(--bg-card) 0%,hsl(210,20%,12%) 100%);border-left:6px solid var(--primary-blue);padding:0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 8px 8px 0;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-blue) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.blog-card:hover{transform:translate(8px);box-shadow:-4px 8px 32px #79abc533;border-left-color:var(--accent-gold)}.blog-card:hover:before{opacity:1}.blog-card__date{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);background:#ca985526;padding:.35rem .75rem;border-radius:4px;margin-bottom:1.5rem}.blog-card__content{padding:2.5rem 2.5rem 2rem}.blog-card__title{font-family:Georgia,Palatino Linotype,Book Antiqua,serif;font-size:2rem;font-weight:700;color:var(--text-white);margin:0 0 1.5rem;line-height:1.25;letter-spacing:-.02em;transition:color .2s ease}.blog-card:hover .blog-card__title{color:var(--primary-blue)}.blog-card__preview{background:#79abc514;border-top:1px solid rgba(121,171,197,.2);border-bottom:1px solid rgba(121,171,197,.2);padding:1.75rem 2.5rem;margin:0;position:relative}.blog-card__preview:before{content:'"';position:absolute;left:1rem;top:.5rem;font-family:Georgia,serif;font-size:4rem;color:#79abc526;line-height:1}.blog-card__excerpt{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin:0;font-style:italic;position:relative;z-index:1}.blog-card__footer{padding:1.5rem 2.5rem 2.5rem}.blog-card__read-more{font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);display:inline-flex;align-items:center;gap:.5rem;transition:gap .2s ease,color .2s ease}.blog-card:hover .blog-card__read-more{color:#e0a552}.blog-card__read-more i{transition:transform .2s ease;font-size:.75rem}.blog-card:hover .blog-card__read-more{gap:.75rem}.blog-card:hover .blog-card__read-more i{transform:translate(2px)}@media(max-width:768px){.blog-card__content,.blog-card__preview,.blog-card__footer{padding-left:1.5rem;padding-right:1.5rem}.blog-card__title{font-size:1.5rem}.blog-card__excerpt{font-size:.95rem}}.blog{--bg-dark: hsl(210, 20%, 12%);--bg-darker: hsl(210, 20%, 9%);--primary-blue: hsl(200, 50%, 65%);--accent-gold: hsl(35, 60%, 55%);--text-white: hsl(0, 0%, 98%);--text-muted: hsl(210, 10%, 70%);--border-color: rgba(255, 255, 255, .08)}.blog{min-height:100vh;background:var(--bg-dark);padding:0;position:relative}.blog__ambient{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6}@media(max-width:768px){.blog__ambient{opacity:.3}}.blog__navbar{background:#161b22d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.blog__nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.blog__nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.blog__nav-brand:hover{opacity:.8}.blog__nav-logo{height:32px;width:auto}.blog__nav-text{font-size:1.25rem;font-weight:600;color:var(--primary-blue)}.blog__nav-links{display:flex;align-items:center;gap:1.25rem}.blog__nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.blog__nav-link:hover{color:var(--text-white)}.blog__nav-back{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.blog__nav-back:hover{color:var(--text-white)}.blog__nav-back i{font-size:.875rem}.blog__container{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem;position:relative;z-index:10}.blog__header{text-align:center;margin-bottom:3rem;padding-top:2rem}.blog__title{font-size:2.5rem;font-weight:700;color:var(--text-white);margin-bottom:.5rem}.blog__subtitle{font-size:1.125rem;color:var(--text-muted);margin:0}@media(max-width:768px){.blog__nav-container{padding:0 1rem}.blog__nav-text,.blog__nav-link,.blog__nav-back span{display:none}.blog__title{font-size:2rem}}.blog__grid{display:flex;flex-direction:column;gap:3rem}.blog__empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #a0aec0)}