*{box-sizing:border-box}body{color:#222;background:#f5f5f5;margin:0}.blog{min-height:100vh}.navbar{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:22px 24px;display:flex}.brand{letter-spacing:-.5px;font-size:24px;font-weight:700}.nav-links a{color:#222;font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover{text-decoration:underline}.blog-header{background:#fff;border-bottom:1px solid #e8e8e8}.hero{text-align:center;max-width:850px;margin:0 auto;padding:70px 24px 80px}.hero h1{letter-spacing:-2px;margin:0 0 18px;font-size:clamp(38px,6vw,64px);line-height:1.05}.hero p{color:#666;max-width:650px;margin:0 auto;font-size:18px;line-height:1.7}.posts-container{max-width:1100px;margin:0 auto;padding:60px 24px 80px}.section-heading{margin-bottom:30px}.section-heading h2{letter-spacing:-.5px;margin:0 0 6px;font-size:32px}.section-heading p{color:#777;margin:0}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.post-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000014}.post-card-content{padding:28px}.post-category{color:#555;text-transform:uppercase;letter-spacing:.5px;background:#f0f0f0;border-radius:20px;margin-bottom:14px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.post-card h3{letter-spacing:-.4px;margin:0 0 12px;font-size:25px;line-height:1.25}.post-meta{color:#777;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.separator{color:#bbb}.post-preview{color:#555;margin:0 0 24px;font-size:15px;line-height:1.7}.read-more{color:#222;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.read-more:hover{text-decoration:underline}.status-message{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:60px 20px}.status-message h3{margin:0 0 8px}.status-message p{color:#777;margin:0}.status-message.error{border-color:#f0cccc}.status-message.error h3{color:#b00020}.loader{border:3px solid #ddd;border-top-color:#222;border-radius:50%;width:32px;height:32px;margin:0 auto 15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-footer{text-align:center;background:#fff;border-top:1px solid #e5e5e5;padding:30px 20px}.blog-footer p{color:#777;margin:0;font-size:13px}@media (width<=700px){.navbar{padding:18px 20px}.brand{font-size:21px}.hero{padding:55px 20px 60px}.hero h1{letter-spacing:-1px}.hero p{font-size:16px}.posts-container{padding:45px 20px 60px}.posts-grid{grid-template-columns:1fr}.section-heading h2{font-size:28px}.post-card-content{padding:24px}}.admin-login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 12px 35px #00000014}.admin-login-logo{color:#111827;margin-bottom:28px;font-size:22px;font-weight:700;text-decoration:none;display:inline-block}.admin-login-card h1{color:#111827;margin:0;font-size:30px;line-height:1.2}.admin-login-subtitle{color:#6b7280;margin:10px 0 30px;font-size:15px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.login-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:100%;padding:13px 16px;font-size:15px;font-weight:600;transition:opacity .2s}.login-button:hover{opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:11px 13px;font-size:14px}.back-home{color:#6b7280;text-align:center;margin-top:24px;font-size:14px;text-decoration:none;display:block}.back-home:hover{color:#111827}.admin-page{background:#f5f7fb;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb}.admin-header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:18px 24px;display:flex}.admin-brand{color:#111827;font-size:22px;font-weight:700;text-decoration:none}.admin-header-right{color:#374151;align-items:center;gap:16px;font-size:14px;display:flex}.logout-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:8px 14px;font-size:14px}.logout-button:hover{background:#f9fafb}.admin-content{max-width:1100px;margin:0 auto;padding:50px 24px}.admin-title{margin-bottom:32px}.admin-title h1{color:#111827;margin:0;font-size:32px}.admin-title p{color:#6b7280;margin-top:8px}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.admin-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 18px #0000000a}.admin-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.admin-card-icon{margin-bottom:16px;font-size:30px}.admin-card h2{color:#111827;margin:0 0 8px;font-size:20px}.admin-card p{color:#6b7280;margin:0;line-height:1.6}.admin-home-link{margin-top:32px}.admin-home-link a{color:#374151;font-size:14px;text-decoration:none}.admin-loading{text-align:center;color:#6b7280;padding-top:120px}.admin-error{text-align:center;color:#b91c1c;max-width:500px;margin:100px auto;padding:20px}@media (width<=700px){.admin-header-inner{padding:16px}.admin-content{padding:35px 16px}.admin-cards{grid-template-columns:1fr}.admin-header-right span{display:none}}.admin-posts-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-primary-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.admin-primary-button:hover{background:#374151}.admin-posts-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.admin-posts-table{border-collapse:collapse;width:100%}.admin-posts-table th{color:#374151;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:13px;font-weight:600}.admin-posts-table td{color:#4b5563;border-bottom:1px solid #f1f3f5;padding:17px 18px;font-size:14px}.admin-posts-table tbody tr:last-child td{border-bottom:none}.admin-posts-table td strong{color:#111827}.admin-post-actions{align-items:center;gap:8px;display:flex}.admin-edit-button,.admin-delete-button{cursor:pointer;border-radius:6px;padding:7px 11px;font-size:13px;text-decoration:none}.admin-edit-button{color:#374151;background:#fff;border:1px solid #d1d5db}.admin-edit-button:hover{background:#f9fafb}.admin-delete-button{color:#b91c1c;background:#fff;border:1px solid #fecaca}.admin-delete-button:hover{background:#fef2f2}.admin-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:60px 30px}.admin-empty h2{color:#111827;margin:0 0 8px}.admin-empty p{color:#6b7280;margin:0 0 24px}@media (width<=700px){.admin-posts-title{flex-direction:column;align-items:flex-start}.admin-posts-table th,.admin-posts-table td{padding:12px}}.admin-editor-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:850px;padding:30px;box-shadow:0 5px 18px #0000000a}.admin-editor-card .form-group{margin-bottom:24px}.admin-editor-card .form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.admin-editor-card .form-group input,.admin-editor-card .form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.admin-editor-card .form-group input:focus,.admin-editor-card .form-group textarea:focus{border-color:#6b7280;outline:none;box-shadow:0 0 0 3px #6b72801f}.admin-editor-card .form-group textarea{resize:vertical;min-height:350px;line-height:1.6}.admin-editor-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-editor-actions .admin-primary-button:disabled{opacity:.6;cursor:not-allowed}.admin-cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.admin-cancel-button:hover{background:#f9fafb}@media (width<=700px){.admin-editor-card{padding:20px}.admin-editor-actions{flex-direction:column-reverse;align-items:stretch}.admin-editor-actions .admin-primary-button,.admin-cancel-button{text-align:center}}