.blog-page{color:#e2e8f0;max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:Cinzel,serif}.breadcrumb{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.breadcrumb a{color:#94a3b8;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{color:#f1f5f9;margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.blog-header .subtitle{color:#94a3b8;max-width:700px;margin:0 auto;font-size:1.1rem}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.post-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.8rem;transition:all .3s;position:relative}.post-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.post-tag{color:#e2e8f0;background:#3b82f61a;border-radius:20px;margin-bottom:1.2rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.post-title{margin:0 0 1rem}.post-title a{color:#f1f5f9;font-size:1.4rem;font-weight:600;text-decoration:none;transition:color .3s}.post-title a:hover{color:#93c5fd}.post-excerpt{color:#94a3b8;margin-bottom:1.5rem;line-height:1.6}.post-meta{color:#64748b;align-items:center;margin-bottom:1.5rem;font-size:.9rem;display:flex}.post-actions{justify-content:space-between;align-items:center;display:flex}.read-more{color:#3b82f6;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s}.read-more:hover{color:#60a5fa}.social-share{gap:.5rem;display:flex}.share-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:1.1rem;transition:all .3s}.share-btn:hover{color:#3b82f6;background:#3b82f633;transform:scale(1.1)}@media (width<=768px){.blog-page{padding:0 .5rem}.blog-header h1{font-size:2rem}.blog-header .subtitle{font-size:1rem}.posts-grid{grid-template-columns:1fr}.post-card{padding:1.5rem}}.blog-editor{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.blog-editor form{flex-direction:column;display:flex}.blog-editor label{color:#94a3b8;margin-bottom:.5rem;font-weight:600;display:block}.blog-editor input[type=text],.blog-editor textarea{color:#e2e8f0;background:#ffffff1a;border:1px solid #475569;border-radius:.375rem;width:100%;margin-bottom:1.5rem;padding:.75rem;font-family:inherit}.blog-editor input[type=text]{font-size:1.2rem}.blog-editor textarea{resize:vertical;min-height:400px;line-height:1.8}.blog-editor select{color:#e2e8f0;background:#ffffff1a;border:1px solid #475569;border-radius:.375rem;margin-bottom:1.5rem;padding:.75rem}.blog-editor .editor-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.blog-editor .editor-footer button{cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.blog-editor .save-button{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.blog-editor .save-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)}.blog-editor .save-button:disabled{cursor:not-allowed;background:#64748b}.blog-editor .cancel-button{color:#fff;background:#ffffff1a;border:1px solid #475569}.blog-editor .cancel-button:hover{background:#fff3}.blog-editor .hint{color:#94a3b8;margin-top:.5rem;font-size:.875rem}@media (width<=768px){.blog-editor{padding:1.5rem}.blog-editor .editor-footer{flex-direction:column;gap:1rem}}