.blog-page{background:radial-gradient(circle at top left,#815cf62e,#0000 55%),radial-gradient(circle at bottom right,#38bdf82e,#0000 55%),var(--bg-primary);min-height:100vh;padding-top:64px}.blog-hero{background:radial-gradient(circle at top,#815cf63d,#0000 65%);overflow:hidden;padding:5rem 2rem 3rem;position:relative;text-align:center}.blog-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:1rem}.blog-subtitle{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:700px}.blog-content{padding:2rem 2rem 4rem}.blog-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.15rem;transition:all .25s ease}.category-btn:hover{border-color:var(--primary);color:var(--text-primary)}.category-btn.active{background:linear-gradient(135deg,var(--primary),var(--purple-700));border-color:#0000;color:#fff}.new-article-btn{white-space:nowrap}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.blog-card:hover{border-color:var(--primary);box-shadow:0 12px 32px #0000002e;transform:translateY(-4px)}.card-cover{aspect-ratio:800/356;background:#0f172a;overflow:hidden}.card-cover img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .card-cover img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.blog-card:hover .card-cover img{transform:none}}.card-icon-area{align-items:center;background:linear-gradient(135deg,#815cf61f,#38bdf814);display:flex;justify-content:center;padding:2.5rem 2rem 1.5rem}.card-icon-area .material-icons{color:var(--primary);font-size:56px;opacity:.85}.card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem 1.75rem 1.25rem}.card-category{color:var(--primary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.card-title{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:.75rem}.card-title a{color:var(--text-primary);text-decoration:none;transition:color .2s}.card-title a:hover{color:var(--primary)}.card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.6;overflow:hidden}.card-excerpt,.card-footer{color:var(--text-secondary)}.card-footer{align-items:center;border-top:1px solid var(--border-subtle);color:var(--text-muted,var(--text-secondary));display:flex;font-size:.8rem;gap:1rem;margin-top:auto;padding-top:1rem}.card-footer .card-read:before{content:"·";margin-right:.5rem}.card-owner-controls{display:flex;gap:.25rem;padding:.5rem 1rem 1rem}.card-owner-controls button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.35rem .65rem;transition:all .2s}.card-owner-controls button:hover{border-color:var(--primary);color:var(--primary)}.blog-empty{color:var(--text-secondary);padding:5rem 2rem;text-align:center}.blog-empty .material-icons{font-size:64px;margin-bottom:1rem;opacity:.35}.blog-article-view{padding:3rem 2rem 5rem}.back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.95rem;font-weight:500;gap:.35rem;margin-bottom:2rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--primary)}.article-meta-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.article-category-badge{background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.3rem .85rem;text-transform:uppercase}.article-date,.article-read-time{color:var(--text-secondary);font-size:.85rem}.article-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;max-width:900px}.article-author{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.owner-actions{display:flex;gap:.75rem;margin-bottom:2rem}.owner-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;transition:all .2s}.owner-btn:hover{border-color:var(--primary);color:var(--primary)}.owner-btn.delete:hover{border-color:#ef4444;color:#ef4444}.article-body{color:var(--text-secondary);font-size:1.075rem;line-height:1.85;max-width:780px}.article-body h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:2.5rem 0 1rem}.article-body h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:2rem 0 .75rem}.article-body p{margin-bottom:1.15rem}.article-body ul{margin:.75rem 0 1.25rem 1.5rem;padding:0}.article-body li{line-height:1.7;margin-bottom:.5rem}.article-body strong{color:var(--text-primary);font-weight:600}.article-body h2{scroll-margin-top:96px}.article-figure{margin:2.25rem 0}.article-figure-link{border-radius:16px;cursor:zoom-in;display:block;overflow:hidden}.article-figure-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.article-cover img,.article-figure img{background:#0f172a;border-radius:16px;display:block;height:auto;width:100%}.article-figure figcaption{color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));font-size:.85rem;margin-top:.6rem;text-align:center}.article-cover{margin:0 0 2rem;max-width:780px}.article-main{min-width:0}.article-sidebar{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem;max-width:780px;min-width:0}.sidebar-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem 1.35rem}.sidebar-title{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.3;margin:0 0 .9rem;text-transform:uppercase}.key-figures{order:1}.sidebar-sticky{display:flex;flex-direction:column;gap:1.25rem;order:2}.related-articles{order:3}.key-figures dl{grid-gap:1rem;display:grid;gap:1rem;margin:0}.key-figure dt{background:linear-gradient(90deg,var(--primary),#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.65rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;width:fit-content}.key-figure dd{color:var(--text-secondary);font-size:.88rem;line-height:1.45;margin:.2rem 0 0}.toc-list{list-style:none;margin:0;padding:0}.toc-list li+li{margin-top:.15rem}.toc-list a{border-left:2px solid var(--border-subtle);border-radius:0 6px 6px 0;color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.4;padding:.4rem .6rem .4rem .8rem;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s}.toc-list a:hover{background:#8b5cf614;color:var(--text-primary)}.toc-list a.active{background:#8b5cf61f;border-left-color:var(--primary);color:var(--text-primary);font-weight:600}.article-toc{display:none}.article-toc-mobile{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin:0 0 1.75rem;max-width:780px}.article-toc-mobile summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;list-style:none;padding:.85rem 1rem}.article-toc-mobile summary::-webkit-details-marker{display:none}.article-toc-mobile summary .material-icons{color:var(--primary);font-size:20px}.article-toc-mobile summary:after{border-bottom:2px solid var(--text-secondary);border-right:2px solid var(--text-secondary);content:"";height:8px;margin-left:auto;margin-top:-4px;transform:rotate(45deg);transition:transform .2s;width:8px}.article-toc-mobile[open] summary:after{margin-top:4px;transform:rotate(225deg)}.article-toc-mobile .toc-list{padding:0 .9rem .9rem}.sidebar-cta{background:linear-gradient(150deg,#8b5cf638,#ec48991f);border-color:#8b5cf659}.sidebar-cta h2{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.sidebar-cta p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.sidebar-cta .btn{align-items:center;display:inline-flex;gap:.4rem;justify-content:center;width:100%}.sidebar-cta .btn .material-icons{font-size:18px}.related-articles ul{grid-gap:.25rem;display:grid;gap:.25rem;list-style:none;margin:0;padding:0}.related-articles a{border-radius:10px;display:block;margin:0 -.7rem;padding:.6rem .7rem;text-decoration:none;transition:background-color .15s}.related-articles a:hover{background:#8b5cf614}.related-category{color:var(--primary);display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-bottom:.2rem;text-transform:uppercase}.related-title{color:var(--text-primary);display:block;font-size:.92rem;font-weight:600;line-height:1.4}@media (min-width:1200px){.article-layout{grid-gap:3.5rem;display:grid;gap:3.5rem;grid-template-columns:minmax(0,760px) 340px;justify-content:center}.article-sidebar{margin-top:2.9rem}.key-figures{order:1}.related-articles{order:2}.sidebar-sticky{order:3;position:sticky;top:88px}.article-toc{display:block}.article-toc-mobile{display:none}.article-title{font-size:2.35rem}}.article-cta-banner{background:linear-gradient(135deg,#815cf626,#38bdf81a);border:1px solid #815cf640;border-radius:14px;margin:3rem 0;max-width:780px;padding:2.5rem}.article-cta-banner h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.article-cta-banner p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.article-cta-banner .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.article-share{border-top:1px solid var(--border-subtle);display:flex;font-size:.9rem;gap:.75rem;max-width:780px;padding-top:2rem}.article-share,.share-btn{align-items:center;color:var(--text-secondary)}.share-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.3rem;padding:.4rem .75rem;text-decoration:none;transition:all .2s}.share-btn:hover{border-color:var(--primary);color:var(--primary)}.blog-editor{padding:3rem 2rem 5rem}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.editor-header h1{color:var(--text-primary);font-size:2rem;font-weight:700}.editor-form{display:flex;flex-direction:column;gap:.75rem;max-width:780px}.editor-form label{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-top:.5rem}.editor-form input,.editor-form select,.editor-form textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{border-color:var(--primary);outline:none}.editor-form textarea{resize:vertical}.editor-hint{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.editor-hint code{background:var(--bg-tertiary);border-radius:4px;font-size:.8rem;padding:.15rem .4rem}.editor-form .btn-large{align-self:flex-start;margin-top:1.5rem}.editor-form-section{display:flex;flex-direction:column;gap:.75rem}.editor-form-section-content{border-top:1px solid var(--border-subtle);margin-top:1.25rem;padding-top:1.25rem}.editor-form-section-heading{color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;max-width:420px;padding:2rem;width:90%}.modal-box h3{color:var(--text-primary);margin-bottom:.5rem}.modal-box p{color:var(--text-secondary);margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{background:#ef4444;border:none;color:#fff}.btn-danger:hover{background:#dc2626}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--purple-700));box-shadow:var(--shadow-purple);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-purple),var(--shadow-lg);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary);transform:translateY(-2px)}.btn-large{font-size:1rem;padding:1rem 2rem}.animated-section{animation:blogFadeIn .6s ease-out forwards;opacity:0;transform:translateY(10px)}@keyframes blogFadeIn{to{opacity:1;transform:translateY(0)}}.blog-card:nth-child(2){animation-delay:.1s}.blog-card:nth-child(3){animation-delay:.2s}@media (max-width:768px){.blog-page{padding-top:60px}.blog-hero{padding:2.5rem 1rem 2rem}.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-content{padding:1.5rem 1rem 3rem}.blog-grid{grid-template-columns:1fr}.blog-toolbar{align-items:stretch;flex-direction:column}.blog-toolbar,.blog-toolbar>*{max-width:100%;min-width:0}.category-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.category-btn{flex:0 0 auto}.blog-article-view{padding:2rem 0 4rem}.article-title{font-size:1.75rem}.article-body{font-size:1rem}.article-figure{margin:1.75rem 0}.article-cover img,.article-figure img,.article-figure-link{border-radius:12px}.article-cta-banner{padding:1.5rem}.article-cta-banner .cta-buttons,.editor-header{flex-direction:column}.editor-header{align-items:flex-start;gap:1rem}}@media (max-width:480px){.blog-page{padding-top:56px}.blog-hero{padding:1.5rem .75rem}.blog-title{font-size:1.75rem}.article-title{font-size:1.5rem}.card-icon-area{padding:1.5rem 1rem 1rem}.card-icon-area .material-icons{font-size:40px}.card-body{padding:1rem 1.25rem}}.light-mode .blog-card{background:#fff;box-shadow:0 2px 8px #0000000d}.light-mode .blog-card:hover{box-shadow:0 12px 32px #0000001a}.light-mode .article-cta-banner{background:linear-gradient(135deg,#815cf614,#38bdf80f)}.light-mode .sidebar-card{background:#fff;box-shadow:0 2px 10px #0f172a0d}.light-mode .sidebar-cta{background:linear-gradient(150deg,#8b5cf61a,#ec48990f)}.light-mode .article-toc-mobile{background:#fff}.light-mode .article-cover img,.light-mode .article-figure-link{box-shadow:0 10px 28px #0f172a24}.light-mode .modal-box{background:#fff}