.blog-modal-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.blog-modal-backdrop.open{opacity:1;pointer-events:auto}.blog-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1100px;max-height:92vh;transition:transform .3s;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 25px 50px -12px #00000040}.blog-modal-backdrop.open .blog-modal{transform:translateY(0)scale(1)}.blog-modal-close{z-index:10;cursor:pointer;color:#64748b;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.blog-modal-close:hover{color:#1e293b;background:#0000001f}.blog-modal-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.blog-modal-loading{text-align:center;color:#94a3b8;padding:80px 0;font-size:1rem}.blog-article-content .article-header{background:linear-gradient(135deg,#b173d90f 0%,#03adcf0f 100%);border-bottom:3px solid #0000;border-image:linear-gradient(135deg,#b173d9 0%,#03adcf 100%) 1;padding:40px 48px 32px}.blog-article-content .article-header .post-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.blog-article-content .tag-event{color:#3b82f6;background:#3b82f61a}.blog-article-content .tag-update{color:#10b981;background:#10b9811a}.blog-article-content .tag-know-how{color:#7c3aed;background:#8b5cf61a}.blog-article-content .article-header h1{color:#0f172a;letter-spacing:-.02em;margin:16px 0 20px;font-size:2.25rem;font-weight:800;line-height:1.15}.blog-article-content .article-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:.875rem;display:flex}.blog-article-content .article-meta .post-author{align-items:center;gap:8px;display:flex}.blog-article-content .article-meta .author-info{flex-direction:column;gap:1px;display:flex}.blog-article-content .article-meta .author-name{color:#0f172a;font-weight:600}.blog-article-content .article-meta .author-role{color:#94a3b8;font-size:.75rem;font-weight:400}.blog-article-content .article-meta .author-avatar{color:#fff;background:linear-gradient(135deg,#b173d9 0%,#03adcf 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.blog-article-content .article-intro{grid-template-columns:2fr 1fr;align-items:center;gap:32px;padding:32px 48px;display:grid}.blog-article-content .article-intro-excerpt{color:#475569;margin:0;font-size:1.125rem;line-height:1.8}.blog-article-content .article-intro-image img{object-fit:cover;border-radius:12px;width:100%;max-height:180px}.blog-article-content .article-body{max-width:none;padding:32px 48px 48px}.blog-article-content .article-body h2{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:48px;margin-bottom:16px;padding-top:32px;padding-left:16px;font-size:1.5rem;font-weight:700;position:relative}.blog-article-content .article-body h2:before{content:"";background:linear-gradient(#b173d9 0%,#03adcf 100%);border-radius:2px;width:3px;position:absolute;top:32px;bottom:0;left:0}.blog-article-content .article-body h3{color:#0f172a;margin-top:32px;margin-bottom:12px;padding-left:16px;font-size:1.25rem;font-weight:600;position:relative}.blog-article-content .article-body h3:before{content:"";background:#14b8a6;border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.blog-article-content .article-body p{color:#475569;margin-bottom:20px;font-size:1.0625rem;line-height:1.8}.blog-article-content .article-body ul,.blog-article-content .article-body ol{margin-bottom:20px;padding-left:24px}.blog-article-content .article-body li{color:#475569;margin-bottom:12px;line-height:1.7}.blog-article-content .article-body li::marker{color:#14b8a6}.blog-article-content .article-body blockquote{color:#475569;background:linear-gradient(135deg,#b173d90a 0%,#03adcf0a 100%);border-left:4px solid #0000;border-image:linear-gradient(#b173d9 0%,#03adcf 100%) 1;border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px;font-style:italic}.blog-article-content .article-body blockquote p{margin-bottom:0}.blog-article-content .article-body code{color:#0f766e;background:#14b8a614;border-radius:4px;padding:2px 8px;font-size:.9em}.blog-article-content .article-body pre{color:#e2e8f0;background:#1e293b;border:1px solid #ffffff14;border-radius:12px;margin:24px 0;padding:20px;overflow-x:auto}.blog-article-content .article-body pre code{color:inherit;background:0 0;padding:0}.blog-article-content .article-body a{color:#14b8a6;text-underline-offset:3px;text-decoration:underline}.blog-article-content .article-body a:hover{color:#0f766e}.blog-article-content .article-body img{border-radius:12px;max-width:100%;margin:24px 0}.blog-article-content .article-body strong{color:#0f172a;font-weight:600}.blog-article-content .article-body hr{background:#e2e8f0;border:none;height:1px;margin:40px 0}.blog-article-content .article-body table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:24px 0;font-size:.9375rem;overflow:hidden}.blog-article-content .article-body th{color:#0f172a;text-align:left;background:linear-gradient(135deg,#b173d914 0%,#03adcf14 100%);border-bottom:2px solid #e2e8f0;padding:12px 16px;font-weight:600}.blog-article-content .article-body td{color:#475569;border-bottom:1px solid #f1f5f9;padding:10px 16px}.blog-article-content .article-body tr:last-child td{border-bottom:none}.blog-article-content .article-body tr:hover td{background:#14b8a60a}@media (width<=768px){.blog-modal-backdrop{align-items:flex-end;padding:0}.blog-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:95vh}.blog-article-content .article-header{padding:24px 20px}.blog-article-content .article-header h1{font-size:1.5rem}.blog-article-content .article-body{padding:20px 20px 32px}.blog-article-content .article-intro{grid-template-columns:1fr;gap:20px;padding:20px}}