:root{--blog-blue:#2a567b;--blog-dark:#173248;--blog-soft:#eef3f8;--blog-lilac:#a6b2ce;--blog-text:#263746;--blog-white:#fff;--blog-danger:#b83a4b}*{box-sizing:border-box}body.blog-page{margin:0;background:#f7f9fc;color:var(--blog-text);font-family:Inter,Arial,sans-serif}.blog-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dfe7ef}.blog-nav-inner{max-width:1180px;margin:auto;padding:13px 22px;display:flex;align-items:center;gap:18px}.blog-logo{width:185px;max-height:55px;object-fit:contain}.blog-nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.blog-btn{border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--blog-blue);color:#fff}.blog-btn:hover{filter:brightness(1.08)}.blog-btn.secondary{background:#e9eff6;color:var(--blog-dark)}.blog-btn.danger{background:var(--blog-danger)}.blog-btn:disabled{opacity:.55;cursor:not-allowed}.blog-hero{background:linear-gradient(135deg,var(--blog-dark),var(--blog-blue));color:#fff;text-align:center;padding:72px 20px}.blog-hero h1{font:700 clamp(2.2rem,5vw,4rem)/1.05 'Cormorant Garamond',serif;margin:0 0 13px}.blog-hero p{max-width:680px;margin:auto;font-size:1.08rem;opacity:.9}.blog-container{max-width:1180px;margin:0 auto;padding:46px 22px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 34px rgba(24,57,82,.1);display:flex;flex-direction:column}.post-card img{width:100%;height:220px;object-fit:cover;background:#dae3ec}.post-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.post-meta{color:#668096;font-size:.84rem;margin-bottom:9px}.post-card h2,.post-card h3{font:700 1.65rem/1.1 'Cormorant Garamond',serif;color:var(--blog-dark);margin:0 0 10px}.post-card p{line-height:1.65;color:#526778}.post-card .blog-btn{align-self:flex-start;margin-top:auto}.empty-state,.loading-state{grid-column:1/-1;text-align:center;padding:54px;background:#fff;border-radius:18px;color:#64798b}.auth-modal{position:fixed;inset:0;background:rgba(7,24,38,.72);z-index:100;display:none;place-items:center;padding:20px}.auth-modal.open{display:grid}.auth-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.28);position:relative}.auth-card h2{font:700 2rem 'Cormorant Garamond',serif;color:var(--blog-dark);margin:0 0 8px}.auth-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:1.7rem;cursor:pointer}.blog-field{margin:14px 0}.blog-field label{display:block;font-weight:700;margin-bottom:7px}.blog-field input,.blog-field textarea,.blog-field select{width:100%;padding:13px;border:1px solid #cbd8e3;border-radius:11px;font:inherit}.blog-field textarea{min-height:130px;resize:vertical}.auth-tabs{display:flex;gap:8px;margin:18px 0}.auth-tabs button{flex:1}.blog-message{padding:11px 13px;border-radius:10px;margin:12px 0;display:none}.blog-message.show{display:block}.blog-message.error{background:#fdecef;color:#9c2336}.blog-message.success{background:#e7f7ef;color:#17683f}.article-wrap{max-width:850px;margin:38px auto;padding:0 22px}.article-box{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 46px rgba(24,57,82,.11)}.article-cover{width:100%;max-height:480px;object-fit:cover}.article-head,.article-content,.article-social{padding:28px clamp(20px,5vw,55px)}.article-head h1{font:700 clamp(2.2rem,6vw,4rem)/1 'Cormorant Garamond',serif;color:var(--blog-dark);margin:8px 0 15px}.article-content{font:400 1.08rem/1.85 Georgia,serif;border-top:1px solid #e5ebf0}.article-content img{max-width:100%;height:auto}.article-social{border-top:1px solid #e5ebf0}.comment{padding:15px 0;border-bottom:1px solid #e5ebf0}.comment-head{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.comment-reply{margin:12px 0 0 24px;padding:12px;background:var(--blog-soft);border-radius:10px}.admin-shell{max-width:1350px;margin:auto;padding:28px 20px}.admin-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.admin-header h1{font:700 2.3rem 'Cormorant Garamond',serif;margin:0;color:var(--blog-dark)}.admin-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.admin-panel{display:none}.admin-panel.active{display:block}.admin-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(24,57,82,.09);margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-list-item{border:1px solid #dde6ee;border-radius:13px;padding:15px;margin:10px 0}.admin-list-item h3{margin:0 0 7px;color:var(--blog-dark)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.editor-toolbar button{padding:7px 10px;border:1px solid #cbd8e3;background:#f4f7fa;border-radius:7px;cursor:pointer}.rich-editor{min-height:280px;border:1px solid #cbd8e3;border-radius:11px;padding:14px;background:#fff;overflow:auto}.hidden{display:none!important}@media(max-width:850px){.blog-grid,.admin-grid{grid-template-columns:1fr}.blog-nav-inner{flex-wrap:wrap}.blog-logo{width:145px}.blog-nav-actions{gap:6px}.blog-btn{padding:10px 13px}.post-card img{height:200px}}