:root{--navy:#1e3a5f;--navy-deep:#122540;--navy-mid:#24487a;--blue:#3a7abf;--blue-light:#6aaee8;--sky:#dceeff;--gold:#c9a84c;--gold-light:#e8c96a;--white:#fff;--off-white:#f5f7fb;--text-body:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--card-bg:#fff;--card-shadow:0 4px 24px #1e3a5f1a;--card-hover:0 12px 40px #1e3a5f2e;--border:#d6e4f5;--radius:14px;--radius-sm:8px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--off-white);color:var(--text-body);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--navy);font-family:Playfair Display,serif;line-height:1.25}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1120px;margin:0 auto;padding:0 28px}.site-header{background:var(--navy);border-bottom:3px solid var(--gold);z-index:100;position:sticky;top:0;box-shadow:0 4px 20px #12254059}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo-wrap{align-items:center;gap:14px;text-decoration:none;display:flex}.logo-img{filter:brightness(0)invert();width:auto;height:46px;transition:var(--transition)}.logo-wrap:hover .logo-img{filter:brightness(0)invert()drop-shadow(0 0 6px #c9a84cb3)}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-title{color:var(--white);letter-spacing:.5px;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.logo-subtitle{color:var(--gold-light);text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:500}.site-nav{align-items:center;gap:8px;display:flex}.nav-link{color:#fffc;border-radius:var(--radius-sm);transition:var(--transition);padding:6px 16px;font-size:.9rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--white);background:#ffffff1f}.hero{background:linear-gradient(135deg, var(--navy-deep) 0%, var(--navy-mid) 60%, #2255a0 100%);padding:80px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:4px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.hero-tag{color:var(--gold-light);text-transform:uppercase;letter-spacing:2.5px;border:1px solid #c9a84c66;border-radius:50px;margin-bottom:20px;padding:6px 18px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{color:var(--white);margin-bottom:20px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-title .highlight{color:var(--gold-light);font-style:italic}.hero-desc{color:#ffffffb8;max-width:560px;margin:0 auto 28px;font-size:1.1rem;line-height:1.8}.hero-verse{color:#ffffff8c;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:.9rem;font-style:italic;display:inline-flex}.hero-verse:before,.hero-verse:after{content:"";background:#ffffff40;width:40px;height:1px}.main-layout{grid-template-columns:1fr 320px;gap:48px;padding:56px 0 80px;display:grid}.section-header{align-items:center;gap:14px;margin-bottom:32px;display:flex}.section-title{color:var(--navy);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700}.section-line{background:linear-gradient(to right, var(--gold), transparent);flex:1;height:2px}.posts-list{flex-direction:column;gap:28px;display:flex}.post-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--card-hover);border-color:var(--blue-light);transform:translateY(-4px)}.post-card-img{object-fit:cover;width:100%;height:200px;display:block}.post-card-img-placeholder{background:linear-gradient(135deg, var(--sky) 0%, var(--border) 100%);justify-content:center;align-items:center;width:100%;height:200px;display:flex}.post-card-img-placeholder svg{opacity:.35}.post-card-body{flex-direction:column;flex:1;padding:24px 28px 28px;display:flex}.post-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-category{text-transform:uppercase;letter-spacing:1.5px;color:var(--white);background:var(--navy-mid);border-radius:4px;padding:3px 10px;font-size:.7rem;font-weight:700}.post-date{color:var(--text-light);font-size:.8rem}.post-title{color:var(--navy);transition:var(--transition);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;line-height:1.3}.post-card:hover .post-title{color:var(--blue)}.post-excerpt{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.92rem;line-height:1.7}.post-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.read-more-btn{color:var(--blue);transition:var(--transition);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.read-more-btn svg{transition:transform .3s}.read-more-btn:hover{color:var(--navy)}.read-more-btn:hover svg{transform:translate(4px)}.sidebar{flex-direction:column;gap:32px;display:flex}.sidebar-widget{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden}.widget-header{background:var(--navy);align-items:center;gap:10px;padding:14px 20px;display:flex}.widget-title{color:var(--white);font-family:Playfair Display,serif;font-size:1rem;font-weight:600}.widget-icon{color:var(--gold-light)}.widget-body{padding:20px}.verse-text{color:var(--navy);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic;line-height:1.75}.verse-ref{color:var(--gold);text-align:right;text-transform:uppercase;letter-spacing:1px;font-size:.82rem;font-weight:600}.category-list{flex-direction:column;gap:4px;list-style:none;display:flex}.category-list li a{border-radius:var(--radius-sm);color:var(--text-body);transition:var(--transition);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;display:flex}.category-list li a:hover{background:var(--sky);color:var(--navy);padding-left:18px}.category-count{color:var(--white);background:var(--blue);border-radius:50px;padding:2px 8px;font-size:.75rem;font-weight:600}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8eff8 25%,#f5f9ff 50%,#e8eff8 75%) 0 0/600px 100%;animation:1.5s infinite shimmer}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden}.skeleton-img{width:100%;height:200px}.skeleton-body{padding:24px 28px 28px}.skeleton-tag{width:80px;height:18px;margin-bottom:12px}.skeleton-title{width:85%;height:26px;margin-bottom:8px}.skeleton-title2{width:60%;height:26px;margin-bottom:16px}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text2{width:75%;height:14px;margin-bottom:8px}.skeleton-text3{width:88%;height:14px}.site-footer{background:var(--navy-deep);border-top:3px solid var(--gold);color:#fff9;padding:48px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}.footer-brand .logo-title{font-size:1.1rem}.footer-desc{color:#ffffff80;margin-top:14px;font-size:.88rem;line-height:1.75}.footer-heading{color:var(--gold-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:.95rem}.footer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links a{color:#ffffff80;transition:var(--transition);font-size:.88rem}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:12px;padding-top:24px;font-size:.82rem;display:flex}.footer-cross{color:var(--gold);font-size:1.2rem}@media (max-width:900px){.main-layout{grid-template-columns:1fr}.sidebar{display:none}.footer-grid{grid-template-columns:1fr;gap:28px}.hero-title{font-size:2.4rem}}@media (max-width:600px){.hero-title{font-size:1.9rem}.header-inner{height:60px}.logo-img{height:36px}}.login-page{background:linear-gradient(135deg,#0a1628 0%,#122540 50%,#1a3560 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-card{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:48px 44px;position:relative;box-shadow:0 32px 80px #0006}.login-header{text-align:center;margin-bottom:36px}.login-cross{color:var(--gold);margin-bottom:12px;font-size:2.5rem}.login-title{color:var(--navy);margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800}.login-subtitle{color:var(--text-muted);font-size:.85rem}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--navy);font-size:.85rem;font-weight:600}.login-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);transition:var(--transition);background:var(--off-white);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}.login-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #3a7abf26}.login-error{color:#c53030;border-radius:var(--radius-sm);background:#fff5f5;border:1px solid #feb2b2;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex}.login-btn{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:14px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--navy-mid) 0%, var(--blue) 100%);transform:translateY(-1px);box-shadow:0 8px 24px #1e3a5f59}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-back{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.85rem}.login-back a:hover{color:var(--navy)}.admin-shell{background:#f0f4f8;min-height:100vh;display:flex}.admin-sidebar{background:var(--navy-deep);border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;display:flex}.admin-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 20px;display:flex}.admin-brand-cross{color:var(--gold);font-size:1.8rem;line-height:1}.admin-brand-name{color:#fff;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.admin-brand-sub{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.admin-nav-item{border-radius:var(--radius-sm);color:#ffffffa6;transition:var(--transition);align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff14}.admin-nav-primary{background:var(--gold);margin-top:8px;font-weight:700;color:var(--navy-deep)!important}.admin-nav-primary:hover{background:var(--gold-light)!important;color:var(--navy-deep)!important}.admin-sidebar-footer{border-top:1px solid #ffffff14;padding:16px 12px}.admin-user-info{align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-avatar{background:var(--navy-mid);color:#fff;border:2px solid var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.admin-user-email{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.78rem;overflow:hidden}.admin-user-role{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.admin-logout-btn{color:#ffffff8c;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;padding:9px;font-family:Inter,sans-serif;font-size:.85rem;display:flex}.admin-logout-btn:hover{color:#fc8181;background:#dc262626;border-color:#dc26264d}.admin-content{flex:1;overflow-y:auto}.admin-page{max-width:1000px;padding:36px 40px}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.admin-page-title{color:var(--navy);margin:0;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800}.admin-page-sub{color:var(--text-muted);margin-top:4px;font-size:.9rem}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.admin-stat-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;align-items:center;gap:16px;padding:24px;display:flex}.admin-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex}.admin-stat-value{color:var(--navy);font-family:Playfair Display,serif;font-size:1.9rem;font-weight:800;line-height:1}.admin-stat-label{color:var(--text-muted);margin-top:4px;font-size:.82rem}.admin-section{margin-bottom:40px}.admin-section-title{color:var(--navy);border-bottom:2px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.2rem}.admin-actions-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-action-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);box-shadow:var(--card-shadow);background:#fff;padding:28px 20px;text-decoration:none}.admin-action-card:hover{box-shadow:var(--card-hover);border-color:var(--blue-light);transform:translateY(-3px)}.admin-action-icon{margin-bottom:10px;font-size:2rem}.admin-action-label{color:var(--navy);font-size:.9rem;font-weight:600}.admin-btn-primary{background:var(--navy);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-btn-primary:hover{background:var(--navy-mid);transform:translateY(-1px)}.admin-btn-secondary{color:var(--navy);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-btn-secondary:hover{border-color:var(--navy);background:var(--sky)}.admin-btn-edit{background:var(--sky);color:var(--navy);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none}.admin-btn-edit:hover{background:var(--border)}.admin-btn-delete{color:#c53030;cursor:pointer;transition:var(--transition);background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}.admin-btn-delete:hover{background:#fed7d7}.admin-btn-delete:disabled{opacity:.5;cursor:not-allowed}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background:var(--navy);color:#ffffffbf;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:14px 20px;font-size:.78rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px 20px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--off-white)}.admin-table-title{color:var(--navy);font-size:.9rem;font-weight:600}.admin-table-slug{color:var(--text-muted);margin-top:2px;font-size:.78rem}.admin-table-date{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.admin-table-actions{gap:8px;display:flex}.admin-badge{background:var(--sky);color:var(--navy);border-radius:50px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.admin-loading{text-align:center;color:var(--text-muted);padding:60px}.admin-empty{text-align:center;border-radius:var(--radius);border:1px dashed var(--border);color:var(--text-muted);background:#fff;flex-direction:column;align-items:center;gap:16px;padding:60px;display:flex}.admin-form{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;flex-direction:column;gap:24px;padding:32px;display:flex}.admin-form-field{flex-direction:column;gap:8px;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-form-label{color:var(--navy);font-size:.88rem;font-weight:600}.admin-form-label .required{color:#e53e3e;margin-left:2px}.admin-form-input,.admin-form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);transition:var(--transition);background:var(--off-white);outline:none;width:100%;padding:11px 16px;font-family:Inter,sans-serif;font-size:.92rem}.admin-form-input:focus,.admin-form-textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #3a7abf1f}.admin-form-textarea{resize:vertical;line-height:1.7}.admin-form-hint{color:var(--text-muted);margin-top:4px;font-size:.78rem}.admin-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.admin-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}.admin-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.admin-tabs{border-bottom:2px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.admin-tab:hover{color:var(--navy);background:var(--sky)}.admin-tab.active{color:var(--navy);border-bottom-color:var(--navy);background:0 0}.profil-preview{background:linear-gradient(135deg, var(--sky), white);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:20px;padding:20px;display:flex}.profil-avatar-lg{background:var(--navy);color:#fff;border:3px solid var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:700;display:flex;overflow:hidden}.profil-name{color:var(--navy);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.profil-email{color:var(--text-muted);margin-top:2px;font-size:.85rem}.profil-role{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem;font-weight:700}.admin-info-box{border-radius:var(--radius-sm);color:#744210;background:#fffbeb;border:1px solid #f6e05e;padding:14px 18px;font-size:.88rem;line-height:1.6}.admin-msg{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;font-size:.9rem;font-weight:500;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-msg-ok{color:#276749;background:#f0fff4;border:1px solid #9ae6b4}.admin-msg-err{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}