.blog-main{min-height:70vh;padding:40px 0 60px}.blog-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e1ad9;position:sticky;top:0}.blog-header-inner{align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;display:flex}.blog-brand{color:var(--text-primary);align-items:center;gap:10px;display:flex}.blog-brand:hover{text-decoration:none}.blog-brand-logo{width:30px;height:30px}.blog-brand-name{letter-spacing:.2px;font-size:18px;font-weight:800}.blog-brand-badge{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.blog-nav{gap:18px;font-size:14.5px;font-weight:600;display:flex}.blog-nav a{color:var(--text-secondary)}.blog-nav a:hover{color:var(--accent);text-decoration:none}.blog-search{margin-left:auto}.blog-search input{border:1px solid var(--border);background:var(--bg-elevated);width:200px;color:var(--text-primary);border-radius:999px;outline:none;padding:8px 14px;font-size:13.5px}.blog-search input:focus{border-color:var(--accent)}.blog-hero{text-align:center;padding:30px 0 26px}.blog-hero h1{letter-spacing:.3px;margin:0 0 12px;font-size:40px}.blog-hero p{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:16px}.blog-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px;display:flex}.blog-filter{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .15s}.blog-filter:hover{border-color:var(--accent);color:var(--text-primary)}.blog-filter.active{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-color:#0000}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-3px)}.blog-card-cover{object-fit:cover;width:100%;height:150px;display:block}.blog-card-body{flex-direction:column;flex:1;padding:18px;display:flex}.blog-card-cat{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:700}.blog-card h2{margin:0 0 8px;font-size:18px;line-height:1.35}.blog-card-excerpt{color:var(--text-secondary);flex:1;margin:0 0 14px;font-size:13.5px}.blog-card-meta{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.blog-card-read{color:var(--purple);font-weight:600}.blog-empty{text-align:center;color:var(--text-secondary);padding:60px 0}.blog-empty h2{color:var(--text-primary)}.contact-wrap{max-width:560px;margin:0 auto}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.contact-form .form-group{margin-bottom:18px}.contact-form label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:14.5px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{resize:vertical}.contact-submit{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:700;box-shadow:0 0 24px #00d4ff40}.contact-sent{color:var(--text-secondary);text-align:center;margin-top:16px;font-size:13.5px}.blog-post{max-width:720px;margin:0 auto}.blog-post-back{color:var(--text-secondary);margin-bottom:20px;font-size:14px;display:inline-block}.blog-post-back:hover{color:var(--accent)}.blog-post-cover{object-fit:cover;border-radius:var(--radius);width:100%;max-height:360px;margin-bottom:18px}.blog-post h1{margin:6px 0 12px;font-size:34px;line-height:1.25}.blog-post-meta{color:var(--text-secondary);border-bottom:1px solid var(--border);gap:16px;margin-bottom:28px;padding-bottom:18px;font-size:13.5px;display:flex}.blog-post-body{font-size:16px}.blog-post-body h2{margin:34px 0 12px;font-size:24px}.blog-post-body h3{margin:26px 0 10px;font-size:19px}.blog-post-body p{margin:0 0 18px}.blog-post-body ul,.blog-post-body ol{margin:0 0 18px;padding-left:22px}.blog-post-body li{margin-bottom:6px}.blog-post-body a{color:var(--accent)}.blog-post-body blockquote{border-left:3px solid var(--accent);background:var(--bg-elevated);color:var(--text-secondary);border-radius:0 10px 10px 0;margin:0 0 18px;padding:12px 18px}.blog-post-body code{background:var(--bg-elevated);border-radius:6px;padding:2px 6px;font-size:.9em}.blog-post-body pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto}.blog-post-body pre code{background:0 0;padding:0}.blog-post-body table{border-collapse:collapse;width:100%;margin:0 0 18px}.blog-post-body th,.blog-post-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.blog-post-body img{border-radius:12px;max-width:100%;margin:24px 0;box-shadow:0 4px 20px #0000004d}.blog-post-body img+em{text-align:center;color:var(--text-secondary);margin-top:-16px;margin-bottom:24px;font-size:13px;display:block}.blog-post-tags{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.blog-tag{color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12.5px}.blog-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:34px 0 0}.blog-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.blog-footer-tag{color:var(--text-secondary);margin:10px 0 0;font-size:14px}.blog-footer-links{gap:18px;font-size:14px;display:flex}.blog-footer-links a{color:var(--text-secondary)}.blog-footer-links a:hover{color:var(--accent);text-decoration:none}.blog-footer-bottom{border-top:1px solid var(--border);color:var(--text-secondary);padding-top:16px;padding-bottom:16px;font-size:13px}@media (width<=700px){.blog-header-inner{flex-wrap:wrap;gap:12px}.blog-search{width:100%;margin-left:0}.blog-search input{width:100%}.blog-nav{order:3;justify-content:space-between;width:100%}.blog-hero h1{font-size:30px}.blog-post h1{font-size:26px}}:root{--bg:#0a0e1a;--bg-elevated:#121830;--bg-card:#151d38;--border:#1e2748;--text-primary:#e8ecf8;--text-secondary:#9aa3c0;--accent:#00d4ff;--purple:#7b61ff;--green:#00d4a0;--red:#ff5c7a;--radius:16px;--font:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand-gradient{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.container{max-width:900px;margin:0 auto;padding:0 20px}