:root{--accent-color:#6c5ce7;--accent-dark:#5348c0;--accent-light:#8a7bf7;--accent-glow:rgba(108,92,231,.3);--background-dark:rgba(16,14,25,.8);--background-light:rgba(37,38,42,.7);--text-primary:hsla(0,0%,100%,.9);--text-secondary:hsla(0,0%,100%,.6);--text-muted:hsla(0,0%,100%,.4);--border-color:rgba(152,152,219,.3);--border-accent:rgba(152,152,219,.5);--error-color:#ff5e5b;--success-color:#0cce6b;--card-bg:rgba(16,14,25,.8);--hover-bg:rgba(108,92,231,.15)}.body-blogs{scroll-behavior:smooth;background-color:#000;font-family:Orbitron,sans-serif;background-image:radial-gradient(circle at 25% 25%,rgba(138,43,226,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.12) 0,transparent 50%);color:#fff}.blogs-container-wrapper{max-width:1200px;min-height:100vh;margin-top:4rem;padding:1rem .5rem;color:var(--text-primary);position:relative;z-index:1}.blogs-header{margin-bottom:2.5rem;text-align:center;position:relative}.h1-blogs{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(90deg,var(--text-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.p-blogs{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.search-filter-container{margin-top:2rem;padding:1.5rem;background:rgba(27,25,40,.6);border-radius:.75rem;border:1px solid var(--border-color)}.search-box{position:relative;margin-bottom:1.5rem}.search-input{width:100%;padding:.9rem 1rem .9rem 3rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);transition:all .3s ease;font-size:1rem}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.filter-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.filter-group{flex:1 1;min-width:200px}.filter-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-button{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.filter-button:hover{background:var(--hover-bg)}.filter-button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-category{background:rgba(108,92,231,.9);color:#fff}.badge-tag{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.badge-level{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.badge-beginner{border-left:3px solid var(--success-color)}.badge-intermediate{border-left:3px solid #f39c12}.badge-advanced{border-left:3px solid var(--error-color)}.blogs-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.blogs-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3;transition:color .3s ease}.blogs-card-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;flex-grow:1}.blogs-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;flex-wrap:wrap}.blogs-card-time,.blogs-card-views{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.85rem;font-weight:500}.blogs-card-views{transition:color .3s ease}.blogs-card-views svg{color:var(--accent-light);opacity:.8}.blogs-card-views.loading{opacity:.6}.loading-dots{animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}.blogs-card:hover .blogs-card-views{color:var(--text-secondary)}.blogs-card:hover .blogs-card-views svg{opacity:1}.blogs-card-action{padding:1rem;background:hsla(0,0%,100%,.03);border-top:1px solid var(--border-color);text-align:center}.blogs-card-button{display:inline-block;padding:.5rem 1rem;background:rgba(108,92,231,.15);color:var(--accent-light);border-radius:.35rem;font-weight:500;font-size:.9rem;transition:all .3s ease;width:100%}.no-blogs-found{grid-column:1/-1;text-align:center;padding:3rem 1rem;background:var(--background-light);border-radius:.75rem;border:1px dashed var(--border-color)}.no-blogs-found svg{margin-bottom:1rem;color:var(--text-muted)}.no-blogs-found h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.no-blogs-found p{color:var(--text-secondary);margin-bottom:1.5rem}.reset-button{padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.reset-button:hover{background:var(--accent-dark)}@media (max-width:768px){.blogs-container-wrapper{padding:1rem}.blogs-body{padding:1.5rem}.h1-blogs{font-size:2rem}.filter-container{flex-direction:column;gap:1rem}.blogs-grid{grid-template-columns:1fr}.blogs-card-meta{flex-direction:column;align-items:flex-start;gap:.75rem}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px rgba(108,92,231,0)}to{box-shadow:0 0 0 0 rgba(108,92,231,0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}