*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--brand-dark-text);background:var(--brand-surface);line-height:1.6;-webkit-font-smoothing:antialiased}.blog-container{max-width:1140px;margin:0 auto;padding:0 var(--sp-lg)}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:var(--text-md);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,var(--brand-primary),#6366f1);padding:0 var(--sp-lg)}.blog-nav .blog-container{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;align-items:center;list-style:none;gap:var(--sp-lg)}.nav-links a{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:var(--text-sm);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{background:rgba(255,255,255,.15)!important;padding:8px 20px;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-cta:hover{background:rgba(255,255,255,.25)!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}.blog-header{padding:120px 0 60px;background:linear-gradient(170deg,var(--brand-bg) 0%,var(--brand-surface) 100%);text-align:center}.blog-header h1{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.03em}.blog-header p{margin-top:var(--sp-sm);color:var(--brand-medium-text);font-size:var(--text-lg)}.blog-main{padding:var(--sp-xxl) 0 80px}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-xl)}.article-card{display:block;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:var(--sp-xl);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card-tag{display:inline-block;background:var(--brand-bg);color:var(--brand-primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-md)}.article-card h2{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--sp-sm)}.article-card p{color:var(--brand-medium-text);font-size:var(--text-md);line-height:1.6}.article-card-meta{display:flex;gap:var(--sp-md);margin-top:var(--sp-lg);font-size:var(--text-xs);color:var(--brand-medium-text)}.blog-article{padding:80px 0;border-top:1px solid var(--brand-border)}.article-container{max-width:720px}.back-to-blog{display:inline-block;color:var(--brand-primary);text-decoration:none;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-lg)}.back-to-blog:hover{text-decoration:underline}.article-tag{display:inline-block;background:var(--brand-bg);color:var(--brand-primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-md)}.blog-article h1{font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--sp-md)}.article-meta{display:flex;gap:var(--sp-sm);color:var(--brand-medium-text);font-size:var(--text-sm);margin-bottom:var(--sp-xl);padding-bottom:var(--sp-xl);border-bottom:1px solid var(--brand-border)}.article-lead{font-size:var(--text-lg);line-height:1.7;color:var(--brand-dark-text);margin-bottom:var(--sp-xl)}.blog-article h2{font-size:var(--text-xl);margin-top:var(--sp-xl);margin-bottom:var(--sp-md)}.blog-article p{font-size:var(--text-md);line-height:1.8;color:var(--brand-dark-text);margin-bottom:var(--sp-lg)}.blog-article ul{margin:0 0 var(--sp-lg) var(--sp-lg);line-height:1.8}.blog-article li{margin-bottom:var(--sp-sm);font-size:var(--text-md)}.article-cta{margin-top:var(--sp-xxl);padding:var(--sp-xl);background:var(--brand-bg);border-radius:var(--radius-lg);text-align:center}.article-cta p{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--sp-md);color:var(--brand-dark-text)}.blog-footer{background:var(--brand-dark-text);color:#ffffffb3;padding:var(--sp-xxl) 0 0}.footer-inner{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--sp-xxl);padding-bottom:var(--sp-xxl)}.footer-brand p{margin-top:var(--sp-md);font-size:var(--text-sm);color:#ffffff80}.footer-brand .brand-logo-text{color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-xl)}.footer-col h4{color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-md)}.footer-col a{display:block;color:#fff9;text-decoration:none;font-size:var(--text-sm);padding:4px 0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--sp-lg) 0}.footer-bottom p{font-size:var(--text-xs);color:#fff6}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{position:absolute;top:64px;left:0;right:0;background:linear-gradient(135deg,var(--brand-primary),#6366f1);flex-direction:column;padding:var(--sp-lg);gap:var(--sp-md);display:none}.nav-links.nav-open{display:flex}.article-grid,.footer-inner,.footer-links{grid-template-columns:1fr}}