@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #e3e3f3 0%, #fef4f4 100%);--surface:#fff;--text-primary:#1a1a1a;--text-secondary:#6c757d;--accent:#ff4d6d;--accent-hover:#e03b58;--border-radius:16px;--max-width:1100px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.layout-wrapper{justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.layout-container{background:var(--surface);width:100%;max-width:var(--max-width);border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000000d}.navbar{justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.logo{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex}.nav-links{gap:30px;list-style:none;display:flex}.nav-link{text-transform:uppercase;color:var(--text-secondary);padding-bottom:4px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";background-color:var(--accent);border-radius:2px;width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-content{flex:1;padding:0 40px 40px}.page-title{letter-spacing:-1px;margin-bottom:40px;font-size:48px;font-weight:800}.featured-post{cursor:pointer;align-items:flex-start;gap:40px;margin-bottom:60px;transition:transform .2s;display:flex}.featured-post:hover{transform:translateY(-4px)}.featured-image-wrapper{border-radius:var(--border-radius);aspect-ratio:16/10;flex:0 0 60%;overflow:hidden}.featured-image{object-fit:cover;width:100%;height:100%}.featured-content{flex:1;padding-top:10px}.post-date{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:15px;font-size:12px;font-weight:600;display:block}.featured-title{letter-spacing:-.5px;margin-bottom:15px;font-size:32px;font-weight:800;line-height:1.2}.post-excerpt{color:var(--text-secondary);font-size:16px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.post-card{cursor:pointer;transition:transform .2s}.post-card:hover{transform:translateY(-4px)}.card-image-wrapper{aspect-ratio:16/10;border-radius:12px;margin-bottom:20px;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%}.card-title{letter-spacing:-.5px;margin-bottom:10px;font-size:20px;font-weight:800;line-height:1.3}.card-excerpt{color:var(--text-secondary);font-size:14px}.single-post-container{max-width:700px;margin:0 auto}.single-post-image{border-radius:var(--border-radius);aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:40px}.single-post-title{letter-spacing:-1px;margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.2}.single-post-body{color:#333;font-size:18px;line-height:1.8}.admin-container{border-radius:var(--border-radius);text-align:center;background:#f9f9f9;border:1px dashed #ccc;max-width:600px;margin:0 auto;padding:40px}.convert-btn{background-color:var(--accent);color:#fff;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.convert-btn:hover{background-color:var(--accent-hover)}@media (width<=800px){.featured-post{flex-direction:column}.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar{flex-direction:column;gap:20px}.posts-grid{grid-template-columns:1fr}.page-content{padding:0 20px 20px}}