.blogs-page-container,.article-container{background-color:var(--bg-color);max-width:1000px;min-height:100vh;margin:0 auto;padding:60px 20px;transition:background-color .3s}.blogs-header{text-align:center;margin-bottom:60px}.blogs-header h1,.article-title{font-family:var(--font-raleway);color:var(--text-dark);margin-bottom:15px;font-size:3rem;font-weight:700;transition:color .3s}.blogs-header p{font-family:var(--font-raleway);color:var(--text-light);font-size:1.1rem;transition:color .3s}.empty-state{text-align:center;font-family:var(--font-raleway);color:var(--text-light);padding:100px 20px;transition:color .3s}.blogs-grid{flex-direction:column;gap:30px;display:flex}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s;box-shadow:0 4px 15px #00000008}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.blog-card-meta{font-family:var(--font-montserrat);color:var(--text-light);border-bottom:1px solid var(--card-border);justify-content:space-between;margin-bottom:15px;padding-bottom:10px;font-size:.85rem;transition:border-color .3s,color .3s;display:flex}.blog-title{font-family:var(--font-poppins);color:var(--text-dark);margin-bottom:5px;font-size:1.6rem;font-weight:600;transition:color .3s}.blog-author-title{font-family:var(--font-raleway);color:var(--glama-orange);margin-bottom:25px;font-size:.9rem}.view-article-btn{background-color:var(--section-bg-alt);color:var(--text-dark);font-family:var(--font-montserrat);border-radius:6px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.view-article-btn:hover{background-color:var(--card-border)}.article-header{border-bottom:1px solid var(--card-border);margin-bottom:40px;padding-bottom:20px;transition:border-color .3s}.article-meta{font-family:var(--font-montserrat);color:var(--text-light);justify-content:space-between;font-size:.95rem;transition:color .3s;display:flex}.article-body p{font-family:var(--font-raleway);color:var(--text-dark);margin-bottom:25px;font-size:1.1rem;line-height:1.8;transition:color .3s}.article-paragraph{font-family:var(--font-raleway);color:var(--text-dark);margin-bottom:25px;font-size:1.15rem;line-height:1.8;transition:color .3s}.article-paragraph strong{font-family:var(--font-montserrat);color:var(--text-dark);font-weight:600;transition:color .3s}.author-info{align-items:center;gap:10px;display:flex}.author-name{font-family:var(--font-poppins);color:var(--text-dark);font-weight:600;transition:color .3s}.author-badge{color:var(--rode-aqua);font-size:.8rem;font-family:var(--font-montserrat);background:#00e5ff1a;border-radius:20px;padding:4px 10px;font-weight:600}.comments-section{border-top:2px solid var(--card-border);margin-top:60px;padding-top:40px;transition:border-color .3s}.comment-box{background-color:var(--bg-color);width:100%;height:100px;color:var(--text-dark);border:1px solid var(--card-border);font-family:var(--font-raleway);resize:vertical;border-radius:8px;outline:none;margin-top:15px;margin-bottom:15px;padding:15px;font-size:1rem;transition:background-color .3s,border-color .3s,color .3s}.comment-box::placeholder{color:var(--text-light)}.comment-box:focus{border-color:var(--rode-aqua)}.admin-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.admin-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:400px;padding:40px;transition:background-color .3s,border-color .3s;display:flex;box-shadow:0 10px 30px #0000000d}.admin-input,.admin-textarea{background-color:var(--bg-color);width:100%;color:var(--text-dark);border:1px solid var(--card-border);font-family:var(--font-raleway);border-radius:6px;padding:15px;transition:background-color .3s,border-color .3s,color .3s}.admin-input::placeholder,.admin-textarea::placeholder{color:var(--text-light)}.admin-textarea{resize:none;height:120px}.admin-btn{background:var(--gradient-brand);color:#fff;cursor:pointer;font-family:var(--font-poppins);border:none;border-radius:6px;padding:15px;font-weight:600;transition:transform .2s,opacity .2s}.admin-btn:hover{opacity:.9}.admin-status{text-align:center;font-family:var(--font-montserrat);color:var(--glama-orange);font-size:.85rem}