:root{--primary-color: #1a1a2e;--secondary-color: #16213e;--accent-color: #e94560;--text-color: #f0f0f0;--text-secondary: #a0a0a0;--background: #0f0f1a;--card-bg: #1a1a2e;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background);color:var(--text-color);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:var(--primary-color);border-bottom:1px solid var(--secondary-color);padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo a{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar .nav-links{display:flex;gap:1.5rem}.navbar .nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s}.navbar .nav-links a:hover{color:var(--accent-color)}.navbar .menu-toggle{display:none;background:none;border:none;color:var(--text-color);cursor:pointer}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:4rem 0;text-align:center;border-bottom:1px solid var(--secondary-color);position:relative;overflow:hidden}.hero .header-image{max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;margin:0 auto 2rem;display:block;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000080}.hero .header-image img{max-width:100%;max-height:300px;width:auto;height:auto;border-radius:var(--border-radius)}.hero .header-title{margin-top:2rem}.hero h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem}.hero .search-form{display:flex;max-width:500px;margin:0 auto;gap:.5rem}.hero .search-form input{flex:1;padding:.75rem 1rem;border:2px solid var(--secondary-color);border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text-color);font-size:1rem}.hero .search-form input:focus{outline:none;border-color:var(--accent-color)}.hero .search-form button{padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:background-color .3s}.hero .search-form button:hover{background-color:#d63d54}.posts-list{padding:4rem 0}.posts-container{display:flex;flex-direction:column;gap:2rem}.post-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0006}.post-title{margin-bottom:1rem}.post-title a{color:var(--text-color);text-decoration:none;font-size:1.5rem;transition:color .3s}.post-title a:hover{color:var(--accent-color)}.post-meta .post-date:before{content:"📅";margin-right:.25rem}.post-meta .post-author:before{content:"✍️";margin-right:.25rem}.post-meta .post-status:before{content:"📝";margin-right:.25rem}.post-excerpt{color:var(--text-secondary);margin-bottom:1.5rem}.post-excerpt p{margin-bottom:.5rem}.post-excerpt h2{font-size:1.2rem;margin:1rem 0 .5rem}.post-excerpt h3{font-size:1.1rem;margin:.8rem 0 .5rem}.read-more{display:inline-block;color:var(--accent-color);text-decoration:none;font-weight:700;transition:color .3s}.read-more:hover{text-decoration:underline}.pagination{text-align:center;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--text-color);border:1px solid var(--secondary-color);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:all .3s}.pagination button:hover:not(:disabled){background-color:var(--accent-color);border-color:var(--accent-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.post-detail{padding:4rem 0}.post-detail .container{max-width:800px}.breadcrumb{display:flex;gap:.5rem;color:var(--text-secondary);margin-bottom:2rem}.breadcrumb span{color:var(--accent-color)}.post-content .post-title{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2}.post-content .post-meta{display:flex;gap:2rem;font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--secondary-color)}.post-content .post-body{line-height:1.8}.post-content .post-body h1{font-size:2rem;margin:2rem 0 1rem}.post-content .post-body h2{font-size:1.5rem;margin:1.5rem 0 .75rem;color:var(--accent-color)}.post-content .post-body h3{font-size:1.25rem;margin:1.25rem 0 .6rem}.post-content .post-body p{margin-bottom:1rem}.post-content .post-body ul,.post-content .post-body ol{margin:1rem 0 1rem 2rem}.post-content .post-body li{margin-bottom:.5rem}.post-content .post-body code{background-color:var(--secondary-color);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-content .post-body pre{background-color:var(--secondary-color);padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0}.post-content .post-body pre code{background-color:transparent;padding:0}.post-content .post-body blockquote{border-left:4px solid var(--accent-color);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.post-content .post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--secondary-color);display:flex;gap:1rem}.back-link,.edit-link{padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:all .3s}.back-link{background-color:var(--secondary-color);color:var(--text-color)}.back-link:hover{background-color:#1c2a45}.edit-link{background-color:var(--accent-color);color:#fff}.edit-link:hover{background-color:#d63d54}.search-results{padding:4rem 0}.search-results h1{margin-bottom:2rem}.search-results p{color:var(--text-secondary);font-size:1.2rem}.admin-login{padding:4rem 0;min-height:80vh;display:flex;align-items:center;justify-content:center}.login-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow);width:100%;max-width:450px}.login-card h1{margin-bottom:2rem;text-align:center}.login-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid var(--secondary-color)}.login-tabs button{flex:1;padding:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s}.login-tabs button.active{color:var(--text-color);border-color:var(--accent-color)}.login-tabs button:hover{color:var(--text-color)}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;margin-bottom:.5rem;color:var(--text-color)}.login-form input{width:100%;padding:.75rem;border:1px solid var(--secondary-color);border-radius:var(--border-radius);background-color:var(--background);color:var(--text-color);font-size:1rem}.login-form input:focus{outline:none;border-color:var(--accent-color)}.login-form button{width:100%;padding:1rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:#d63d54}.passkey-form{text-align:center}.passkey-form .passkey-info{margin-bottom:2rem}.passkey-form .passkey-info p{margin-bottom:1rem}.passkey-form .passkey-info .note{font-size:.9rem;color:var(--text-secondary)}.passkey-form button{padding:1rem 2rem;background-color:var(--primary-color);color:var(--text-color);border:2px solid var(--accent-color);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s}.passkey-form button:hover{background-color:var(--accent-color);color:#fff}.passkey-form button:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard{min-height:100vh}.dashboard-header{background-color:var(--primary-color);padding:1.5rem 0;border-bottom:1px solid var(--secondary-color)}.dashboard-header .container{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{color:var(--text-color)}.dashboard-controls{display:flex;gap:1.5rem;align-items:center}.user-email{color:var(--text-secondary)}.logout-btn{padding:.5rem 1.5rem;background-color:var(--danger);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:background-color .3s}.logout-btn:hover{background-color:#d32f2f}.dashboard-content{display:flex;padding:2rem 0}.sidebar{width:250px;padding-right:2rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav a{padding:.75rem 1rem;border-radius:var(--border-radius);text-decoration:none;color:var(--text-secondary);transition:all .3s}.admin-nav a.active,.admin-nav a:hover{background-color:var(--secondary-color);color:var(--text-color)}.admin-nav a:hover{padding-left:1.25rem}.main-panel{flex:1}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.panel-header h2{color:var(--text-color)}.new-post-btn{padding:.75rem 1.5rem;background-color:var(--success);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:background-color .3s}.new-post-btn:hover{background-color:#43a047}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.post-item{background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow)}.post-item h3{margin-bottom:1rem}.post-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.status{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-draft{background-color:var(--warning);color:#000}.status-published{background-color:var(--success);color:#fff}.post-actions{display:flex;gap:.5rem;flex-wrap:wrap}.post-actions button{padding:.5rem 1rem;background-color:var(--secondary-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s}.post-actions button:hover{background-color:#2a3a55}.post-actions button:active{background-color:#3a4a65}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--card-bg);border-radius:var(--border-radius);padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.5rem;color:var(--text-color)}.modal .form-group{margin-bottom:1.5rem}.modal label{display:block;margin-bottom:.5rem;color:var(--text-color)}.modal input,.modal textarea,.modal select{width:100%;padding:.75rem;border:1px solid var(--secondary-color);border-radius:var(--border-radius);background-color:var(--background);color:var(--text-color);font-size:1rem}.modal textarea{font-family:Courier New,monospace;resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:all .3s}.modal-actions button[type=button]{background-color:var(--secondary-color);color:var(--text-color)}.modal-actions button[type=submit]{background-color:var(--accent-color);color:#fff}.modal-actions button[type=button]:hover{background-color:#2a3a55}.modal-actions button[type=submit]:hover{background-color:#d63d54}.footer{background-color:var(--primary-color);border-top:1px solid var(--secondary-color);padding:3rem 0;margin-top:4rem}.footer .container{text-align:center;color:var(--text-secondary)}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--text-color)}.loading{text-align:center;padding:4rem;color:var(--text-secondary)}.error-message{background-color:#f443361a;border:1px solid var(--danger);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;color:var(--danger)}@media (max-width: 768px){.navbar .menu-toggle{display:block}.navbar .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-color);flex-direction:column;padding:1rem 0;border-bottom:1px solid var(--secondary-color)}.navbar .nav-links.active{display:flex}.navbar .nav-links a{padding:.75rem 20px}.hero h1{font-size:1.8rem}.dashboard-content{flex-direction:column}.sidebar{width:100%;padding-right:0;padding-bottom:1rem}.posts-grid{grid-template-columns:1fr}}.post-body h1,.post-body h2,.post-body h3{margin-top:2rem;margin-bottom:1rem}.post-body p{margin-bottom:1rem}.post-body ul,.post-body ol{margin:1rem 0 1rem 2rem}.post-body li{margin-bottom:.5rem}.post-body code{background-color:var(--secondary-color);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-body pre{background-color:var(--secondary-color);padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0}.post-body pre code{background-color:transparent;padding:0;font-size:.9em}.post-body blockquote{border-left:4px solid var(--accent-color);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.post-body a{color:var(--accent-color)}.post-body table{width:100%;border-collapse:collapse;margin:1rem 0}.post-body th,.post-body td{padding:.75rem;border:1px solid var(--secondary-color);text-align:left}.post-body th{background-color:var(--secondary-color)}.post-body tr:nth-child(2n){background-color:#0000001a}