@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/dm-sans.woff2') format('woff2');
}
:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#16161f;--color-text:#e8e8ed;--color-text-muted:#8b8b9a;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-muted:rgba(99, 102, 241, 0.15);--color-border:rgba(255, 255, 255, 0.08);--font-sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:12px;--radius-lg:16px;--transition:0.2s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:32px}.logo img{display:block;height:30px}.logo-text{font-size:1.1rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.logo-text span{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color var(--transition)}.nav-links a.active,.nav-links a:hover{color:var(--color-text)}.btn-nav{background:var(--color-accent)!important;color:#fff!important;padding:8px 18px;border-radius:8px;font-weight:600!important;transition:background var(--transition)!important}.btn-nav:hover{background:var(--color-accent-hover)!important}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.main{padding-top:96px;padding-bottom:80px;min-height:100vh}.blog-page-header{padding:48px 0 40px;border-bottom:1px solid var(--color-border);margin-bottom:48px}.blog-page-header h1{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.blog-page-header p{color:var(--color-text-muted);font-size:1.05rem;max-width:520px}.blog-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.blog-card{display:flex;gap:0;background:var(--color-bg-card);transition:background var(--transition);text-decoration:none;color:inherit}.blog-card:hover{background:var(--color-bg-elevated)}.blog-card-thumb{flex-shrink:0;width:200px;min-height:140px;overflow:hidden;position:relative;background:var(--thumb-gradient,linear-gradient(135deg,#6366f1 0,#8b5cf6 100%))}.blog-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-thumb img{transform:scale(1.04)}.blog-card-body{flex:1;padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}.blog-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-muted);padding:3px 10px;border-radius:20px;width:fit-content}.blog-card-body h2{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.blog-card-body h2 a{color:var(--color-text);text-decoration:none;transition:color var(--transition)}.blog-card-body h2 a:hover{color:var(--color-accent-hover)}.blog-card-body p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;align-items:center;gap:16px;margin-top:4px}.blog-date{font-size:.8rem;color:var(--color-text-muted)}.read-more{font-size:.82rem;font-weight:600;color:var(--color-accent);text-decoration:none;transition:color var(--transition)}.read-more:hover{color:var(--color-accent-hover)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px}.pagination button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.pagination button:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent-hover)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.page-info{font-size:.88rem;color:var(--color-text-muted);min-width:110px;text-align:center}.post-hero{width:100%;max-height:420px;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:40px;background:var(--post-gradient,linear-gradient(135deg,#6366f1 0,#8b5cf6 100%));position:relative}.post-hero img{width:100%;height:420px;object-fit:cover;display:block}.post-wrap{max-width:760px;margin:0 auto}.post-content img{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin:1.5rem 0;display:block}.post-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-bottom:32px;transition:color var(--transition)}.post-back:hover{color:var(--color-accent-hover)}.post-tag-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-date{font-size:.85rem;color:var(--color-text-muted)}.post-title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-bottom:20px}.post-subtitle{font-size:1.1rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.post-content{font-size:1rem;line-height:1.8;color:var(--color-text)}.post-content h2{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin:40px 0 16px}.post-content h3{font-size:1.15rem;font-weight:600;margin:28px 0 12px;color:var(--color-accent-hover)}.post-content p{margin-bottom:20px;color:var(--color-text-muted)}.post-content li strong,.post-content p strong{color:var(--color-text)}.post-content ol,.post-content ul{padding-left:24px;margin-bottom:20px;color:var(--color-text-muted)}.post-content li{margin-bottom:8px}.post-content code{font-family:var(--font-mono);font-size:.88em;background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:2px 7px;border-radius:5px;color:var(--color-accent-hover)}.post-content pre{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;overflow-x:auto;margin-bottom:20px}.post-content pre code{background:0 0;border:none;padding:0;font-size:.875rem;color:var(--color-text)}.post-content blockquote{border-left:3px solid var(--color-accent);padding:16px 20px;margin:28px 0;background:var(--color-accent-muted);border-radius:0 var(--radius) var(--radius) 0}.post-content blockquote p{margin:0;font-style:italic;color:var(--color-text)}.post-shot-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:22px 0 28px}.post-shot{margin:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-bg-card)}.post-shot img{display:block;width:100%;height:auto}.post-shot figcaption{padding:10px 14px;font-size:.82rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.post-cta{margin-top:56px;padding:40px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.post-cta h3{font-size:1.35rem;font-weight:700;margin-bottom:10px}.post-cta p{color:var(--color-text-muted);margin-bottom:20px}.btn-primary{display:inline-block;background:var(--color-accent);color:#fff;padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background var(--transition)}.btn-primary:hover{background:var(--color-accent-hover)}.footer{border-top:1px solid var(--color-border);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer p{font-size:.85rem;color:var(--color-text-muted)}.footer a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer a:hover{color:var(--color-accent-hover)}@media (max-width:768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:20px 24px;gap:20px}.mobile-menu-btn{display:flex}.blog-card-thumb{width:120px;min-height:110px}.blog-card-body{padding:16px 18px}.blog-card-body h2{font-size:.95rem}.post-title{font-size:1.6rem}.post-cta{padding:28px 20px}}@media (max-width:480px){.blog-card{flex-direction:column}.blog-card-thumb{width:100%;height:180px;min-height:unset}}.answer-first{font-size:1.0625rem;line-height:1.7;color:var(--color-text);max-width:720px;margin-bottom:1.5rem}.aeo-disclaimer{font-size:.875rem;color:var(--color-text-muted);margin-top:2rem}.post-meta a{color:var(--color-accent)}.post-body table{width:100%;border-collapse:collapse;margin:1.25rem 0 1.75rem;font-size:.95rem}.post-body td,.post-body th{border:1px solid var(--color-border,rgba(255,255,255,.12));padding:.75rem .9rem;text-align:left;vertical-align:top}.post-body th{color:var(--color-text,#e8e8ed);background:rgba(255,255,255,.03)}.post-body td{color:var(--color-text-muted,#8b8b9a)}