.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-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-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}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.article-title{font-size:1.75rem}.article-body{font-size:1rem}.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 .modal-box{background:#fff}
/*# sourceMappingURL=4999.4e008a6a.chunk.css.map*/