:root{--brand-blue:#485fe0;--brand-cyan:#14c6cc;--bg-main:#fff;--bg-alt:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border-light:#e2e8f0}.article-page{background:var(--bg-main);min-height:100vh;color:var(--text-main);font-family:Wigrum,sans-serif}.article-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.article-header{background:var(--bg-alt);border-bottom:1px solid var(--border-light);padding:140px 0 60px}.back-link{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--brand-blue)}.article-meta-container{max-width:800px}.article-tag{color:var(--brand-blue);letter-spacing:.15em;text-transform:uppercase;background:#485fe012;border:1px solid #485fe026;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.article-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:32px;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.15}.article-info{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.info-item{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.article-body{padding:80px 0 120px}.article-layout{grid-template-columns:80px 1fr 300px;align-items:start;gap:48px;display:grid}.sticky-aside{position:sticky;top:100px}.share-section{flex-direction:column;align-items:center;gap:12px;display:flex}.share-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);writing-mode:vertical-rl;margin-bottom:8px;font-size:11px;font-weight:700;transform:rotate(180deg)}.share-buttons{flex-direction:column;gap:10px;display:flex}.share-btn{border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.share-btn:hover{border-color:var(--brand-blue);color:var(--brand-blue);background:#485fe00d}.main-content{color:#334155;min-width:0;font-size:1.0625rem;line-height:1.8}.main-content h2{color:var(--text-main);letter-spacing:-.02em;margin-top:56px;margin-bottom:20px;font-size:1.875rem;font-weight:800;line-height:1.3}.main-content h2:first-child{margin-top:0}.main-content p{color:#475569;margin-bottom:24px}.main-content ul{margin-bottom:24px;padding-left:24px}.main-content ul li{color:#475569;margin-bottom:10px}.main-content ul li::marker{color:var(--brand-blue)}.main-content blockquote{border-left:4px solid var(--brand-blue);color:var(--text-muted);background:#485fe00a;border-radius:0 12px 12px 0;margin:32px 0;padding:20px 28px;font-size:1.125rem;font-style:italic;line-height:1.7}.article-cta-sidebar{flex-direction:column;gap:24px;display:flex}.sidebar-promo{background:linear-gradient(135deg,var(--brand-blue),#3649c1);color:#fff;border-radius:24px;padding:36px 28px;position:sticky;top:100px}.sidebar-promo h4{margin-bottom:12px;font-size:1.375rem;font-weight:800;line-height:1.3}.sidebar-promo p{opacity:.85;margin-bottom:24px;font-size:.9rem;line-height:1.6}.sidebar-promo .btn-primary-mware{border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;color:var(--brand-blue)!important;background:#fff!important}.sidebar-promo .btn-primary-mware:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.newsletter-mini{background:var(--bg-alt);border:1px solid var(--border-light);border-radius:24px;padding:28px}.newsletter-mini h5{color:var(--text-main);margin-bottom:16px;font-size:1rem;font-weight:800}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-aside{display:none}.article-cta-sidebar,.sidebar-promo{position:static}}@media (max-width:768px){.article-header{padding:120px 0 40px}.article-title{font-size:2rem}.article-body{padding:48px 0 80px}.main-content h2{font-size:1.5rem}}.article-faq-section{border-top:1px solid var(--border-light);margin-top:64px;padding-top:48px}.article-faq-section h2{color:var(--text-main);margin-top:0;margin-bottom:32px;font-size:1.875rem;font-weight:800}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:var(--bg-alt);border:1px solid var(--border-light);border-radius:16px;padding:24px 28px;transition:border-color .2s}.faq-item:hover{border-color:var(--brand-blue)}.faq-item h3{color:var(--text-main);margin-bottom:10px;font-size:1.0625rem;font-weight:700;line-height:1.4}.faq-item p{color:#475569;margin:0;font-size:.9375rem;line-height:1.7}