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