:root{--bg:#f7f9fc;--surface:#fff;--text:#142033;--muted:#64748b;--border:#e2e8f0;--accent:#1d6fe8;--accent-dark:#1558b8;--shadow:0 12px 34px #0f172a14;--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.skip-link{z-index:100;color:#000;background:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;color:#fff;background:#0b1220f5;border-bottom:1px solid #ffffff14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.site-nav{gap:24px;display:flex}.site-nav a{color:#cbd5e1;font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.hero{background:linear-gradient(#0b12209e, #0b1220c7), var(--hero-background,#0b1220) center / cover no-repeat;color:#fff;padding:110px 0 120px;position:relative}.hero-inner{max-width:900px}.eyebrow{color:#79aef8;letter-spacing:.14em;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero h1,.page-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.03}.hero-copy{color:#cbd5e1;max-width:720px;margin:24px 0 0;font-size:1.15rem}.section{padding:64px 0 90px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{margin:0;font-size:1.65rem}.text-link{color:var(--accent);font-weight:750;text-decoration:none}.text-link:hover{color:var(--accent-dark);text-decoration:underline}.post-grid,.popular-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 5px 16px #0f172a0a}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post-image-link{aspect-ratio:16/10;background:#dbeafe;display:block;overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%}.post-image-placeholder{color:#475569;place-items:center;display:grid}.post-meta{color:var(--muted);margin:0;font-size:.86rem}.post-tag{color:#21528f;background:#eef5ff;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700;display:inline-block}.post-card h3 a{text-decoration:none}.post-card{flex-direction:column;height:100%;display:flex}.post-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.post-card h3{margin:8px 0 10px;font-size:1.28rem;line-height:1.25}.post-card p{color:var(--muted);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;display:-webkit-box;overflow:hidden}.post-card-footer{margin-top:auto}.post-tags{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;margin:0 0 16px;display:flex}.post-card-footer .text-link{white-space:nowrap;display:block}.page-header{color:#fff;background:#0b1220;padding:68px 0}.page-header>.container>p:last-child{color:#cbd5e1;max-width:700px;margin:18px 0 0}.article{padding:62px 0 90px}.article-container{max-width:920px}.back-link{color:var(--muted);font-weight:700;text-decoration:none}.article-header{padding:26px 0 32px}.article-header h1{letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.06}.article-lead{max-width:780px;color:var(--muted);margin:0;font-size:1.18rem}.article-hero{margin:0 0 46px}.article-hero img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:620px;box-shadow:var(--shadow)}.article-body{max-width:760px;margin-inline:auto;font-size:1.08rem}.article-body a{color:var(--accent)}.article-body h2,.article-body h3{margin-top:2em;line-height:1.2}.article-body p,.article-body ul,.article-body ol{margin:1.1em 0}.article-body blockquote{border-left:4px solid var(--accent);color:#334155;background:#eff6ff;margin:1.5em 0;padding:16px 20px}.article-body code{background:#eef2f7;border-radius:6px;padding:.1em .35em}.article-body pre{color:#e2e8f0;background:#0b1220;border-radius:12px;padding:18px;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body img{border-radius:12px;margin:1.5rem auto}.article-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:48px;padding-top:24px;display:flex}.article-footer .post-tag{margin:0}.site-footer{color:#94a3b8;background:#0b1220;padding:26px 0}.footer-inner{justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-block}.button.secondary{color:#174b93;background:#eaf2ff}.button.danger{background:#b42318}.form-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:24px;box-shadow:0 5px 16px #0f172a0a}.form-grid{gap:18px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{gap:7px;display:grid}.form-field label{font-weight:750}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--border);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:10px;padding:11px 12px}.form-field textarea{resize:vertical;min-height:180px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid var(--accent);outline-offset:2px}.admin-header{color:#fff;background:#0b1220;padding:42px 0}.admin-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:0 0 18px;padding:12px 14px}.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.checkbox-row{align-items:center;gap:8px;display:flex}.login-wrap{place-items:center;min-height:70vh;padding:50px 0;display:grid}.login-card{width:min(460px,100%)}.preview{border:1px dashed var(--border);background:#fafcff;border-radius:12px;padding:18px}.preview small{color:var(--muted)}.article-filters{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:28px;display:flex}.article-filters label{color:var(--text);gap:7px;font-weight:750;display:grid}.article-filters select{border:1px solid var(--border);min-width:190px;font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:11px 38px 11px 12px}.article-filters select:focus{outline:2px solid var(--accent);outline-offset:2px}.admin-shell{background:#f5f7fa;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#111827;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{border-bottom:1px solid #ffffff1a;padding:0 12px 28px}.admin-brand .eyebrow{letter-spacing:.12em;color:#93c5fd;margin:0 0 5px;font-size:11px;font-weight:700}.admin-brand strong{font-size:18px}.admin-sidebar-nav{flex-direction:column;gap:4px;padding-top:22px;display:flex}.admin-sidebar-nav a{color:#d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.admin-sidebar-nav a:hover{color:#fff;background:#ffffff14}.admin-nav-group{flex-direction:column;gap:4px;margin-top:18px;display:flex}.admin-nav-group>span{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:11px;font-weight:700}.admin-sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;margin-top:auto;padding:16px 12px 0;display:flex}.admin-sidebar-footer span{text-overflow:ellipsis;white-space:nowrap;color:#9ca3af;font-size:12px;overflow:hidden}.admin-sidebar-footer a{color:#d1d5db;font-size:13px;text-decoration:none}.admin-sidebar-footer a:hover{color:#fff}.admin-sidebar-footer form{margin:0}.admin-sidebar-footer button{color:#d1d5db;width:100%;font:inherit;cursor:pointer;text-align:left;background:#1f2937;border:0;border-radius:7px;padding:9px 12px;font-size:13px}.admin-sidebar-footer button:hover{color:#fff;background:#374151}.admin-main{flex:1;min-width:0;padding:40px}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.admin-page-header h1{margin:4px 0 8px;font-size:32px;line-height:1.15}.admin-page-header p{color:#6b7280;margin:0}.admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px;display:grid}.admin-stat-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;box-shadow:0 1px 2px #00000008}.admin-stat-card:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 5px 18px #0000000f}.admin-stat-card span{color:#6b7280;margin-bottom:8px;font-size:14px;display:block}.admin-stat-card strong{margin-bottom:5px;font-size:32px;line-height:1;display:block}.admin-stat-card small{color:#9ca3af;font-size:12px}.admin-section{margin-bottom:36px}.admin-section-header{margin-bottom:18px}.admin-section-header h2{margin:0 0 5px;font-size:20px}.admin-section-header p{color:#6b7280;margin:0;font-size:14px}.admin-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-action-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.admin-action-card:hover{border-color:#bfdbfe;box-shadow:0 4px 14px #0000000d}.admin-action-card strong{margin-bottom:5px;font-size:15px;display:block}.admin-action-card span{color:#6b7280;font-size:13px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:16px;font-size:14px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fafafa}.admin-table td strong{color:#111827}.admin-table td small{color:#9ca3af;font-size:12px}.status{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.status.published{color:#166534;background:#dcfce7}.status.draft{color:#4b5563;background:#f3f4f6}.admin-main .button{cursor:pointer;text-decoration:none}.admin-main .button.secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.admin-main .button.secondary:hover{background:#f9fafb}.admin-main .button.danger{color:#fff;background:#dc2626;border:1px solid #dc2626}.admin-main .button.danger:hover{background:#b91c1c}.admin-posts-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-sort-buttons{flex-wrap:wrap;gap:8px;display:flex}.admin-sort-buttons .button.active{color:#fff;background:#1d6fe8;border-color:#1d6fe8}.tag-selector{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.tag-option{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d9e1ea;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.tag-option:hover{background:#f7faff;border-color:#1d6fe8}.tag-option input[type=checkbox]{accent-color:#1d6fe8;flex:none;width:17px;height:17px;margin:0}.tag-option span{line-height:1.2}.publish-option{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d9e1ea;border-radius:8px;align-items:center;gap:10px;width:fit-content;min-height:44px;padding:10px 14px;font-weight:600;display:flex}.publish-option:hover{background:#f7faff;border-color:#1d6fe8}.publish-option input[type=checkbox]{accent-color:#1d6fe8;flex:none;width:18px;height:18px;margin:0}.publish-option span{line-height:1.2}.delete-confirm-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.delete-confirm-dialog{background:#fff;border:1px solid #d9e1ea;border-radius:12px;width:min(440px,100%);padding:24px;box-shadow:0 20px 50px #0003}.delete-confirm-dialog h2{margin:0 0 10px}.delete-confirm-dialog p{margin:0 0 12px;line-height:1.5}.delete-confirm-warning{color:#666;font-size:.9rem}.delete-confirm-dialog .form-actions{justify-content:flex-end;margin-top:20px}@media (max-width:900px){.post-grid,.popular-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{width:100%;height:auto;position:static}.admin-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-nav-group{margin-top:12px}.admin-sidebar-footer{margin-top:20px}.admin-main{padding:24px 18px}.admin-dashboard-grid,.admin-actions-grid{grid-template-columns:1fr}}@media (max-width:700px){.admin-posts-toolbar{flex-direction:column;align-items:flex-start}.admin-sort-buttons{width:100%}}@media (max-width:640px){.container{width:min(var(--max), calc(100% - 28px))}.header-inner{min-height:64px}.site-nav{gap:14px}.section{padding:44px 0 70px}.post-grid,.popular-post-grid{grid-template-columns:1fr}.page-header{padding:52px 0}.article{padding-top:36px}.footer-inner{flex-direction:column;align-items:flex-start}.site-nav{gap:10px;font-size:.9rem}.admin-table{font-size:.9rem}.admin-table-wrap{overflow-x:auto}.article-filters{flex-direction:column;align-items:stretch}.article-filters select{width:100%;min-width:0}}@media (max-width:600px){.admin-page-header{flex-direction:column}.admin-page-header h1{font-size:26px}.admin-sidebar-nav,.tag-selector{grid-template-columns:1fr}}.media-upload-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:24px;padding:24px}.media-upload-label{background:var(--accent);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 18px;font-weight:750;display:inline-flex}.media-upload-label input{display:none}.media-upload-card p{color:var(--muted);margin:10px 0 0;font-size:13px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.media-card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.media-preview{aspect-ratio:16/10;background:#eef2f7;overflow:hidden}.media-preview img{object-fit:cover;width:100%;height:100%}.media-card-body{padding:14px}.media-card-body strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:13px;display:block;overflow:hidden}.media-card-body>span{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.media-actions{gap:8px;display:flex}.media-actions .button{text-align:center;flex:1;padding:8px 10px;font-size:12px}@media (max-width:1000px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.media-grid{grid-template-columns:1fr}}