.comment-form-wrapper{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:32px}.comment-form-title{color:#fff;margin:0 0 20px;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.comment-form-success{color:#00c853;background:#00c85326;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.comment-form-error{color:#ff5252;background:#ff525226;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.comment-form{flex-direction:column;gap:12px;display:flex}.comment-form-row{gap:12px;display:flex}@media (max-width:640px){.comment-form-row{flex-direction:column}}.comment-form-input,.comment-form-textarea{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Roboto,sans-serif;font-size:14px;transition:border-color .2s}.comment-form-input:focus,.comment-form-textarea:focus{border-color:#00d4ff}.comment-form-textarea{resize:vertical;min-height:100px}.comment-form-button{color:#0a0a1a;cursor:pointer;background:#00d4ff;border:none;border-radius:8px;align-self:flex-start;padding:12px 32px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.comment-form-button:hover{background:#00b8d9}.comment-form-button:disabled{opacity:.6;cursor:not-allowed}
.post-page{background:#0a0a1a;min-height:100vh;padding:60px 0 80px;font-family:Roboto,sans-serif}.post-container{max-width:800px;margin:0 auto;padding:0 24px}.post-back{color:#ffffff80;margin-bottom:32px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.post-back:hover{color:#00d4ff}.post-cover{border-radius:12px;width:100%;max-height:400px;margin-bottom:32px;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%}.post-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.post-tags{gap:6px;display:flex}.post-tag{text-transform:uppercase;letter-spacing:.5px;color:#00d4ff;background:#00d4ff1a;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.post-date{color:#ffffff80;font-size:13px}.post-title{color:#fff;margin:0 0 32px;font-size:36px;font-weight:700;line-height:1.2}@media (max-width:640px){.post-title{font-size:26px}}.post-content{color:#ffffffd9;font-size:16px;line-height:1.8}.post-content h2{color:#fff;margin:40px 0 16px;font-size:24px;font-weight:700}.post-content h3{color:#fff;margin:32px 0 12px;font-size:20px;font-weight:600}.post-content p{margin:0 0 16px}.post-content img{border-radius:8px;max-width:100%;margin:24px 0}.post-content a{color:#00d4ff;text-decoration:underline}.post-content ul,.post-content ol{margin:0 0 16px;padding-left:24px}.post-content li{margin-bottom:8px}.post-content blockquote{color:#fff9;border-left:3px solid #00d4ff;margin:24px 0;padding-left:16px;font-style:italic}.post-content code{background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:14px}.post-content pre{background:#ffffff0f;border-radius:8px;margin:24px 0;padding:16px;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.comments-section{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:32px}.comments-title{color:#fff;margin:0 0 24px;font-size:22px;font-weight:700}.comment{background:#ffffff0a;border-radius:8px;margin-bottom:12px;padding:16px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-author{color:#fff;font-size:14px}.comment-date{color:#fff6;font-size:12px}.comment-text{color:#ffffffbf;margin:0;font-size:14px;line-height:1.6}