.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-bottom:20px;gap:10px}.header-title{display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:20px;font-size:2rem;text-transform:uppercase}.img_post{flex:0 0 200px;max-width:200px;margin-right:10px}.img_post img{width:100%;height:auto;border:1px solid gold;border-radius:10px;transition:box-shadow .3s ease,transform .3s ease;will-change:transform}.img_post img:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70080}.page-title{text-align:center;color:#0ff}.page-title a,.page-title a:hover{margin:0 auto 20px;color:#0ff}.rows-title{flex:1 1 0;min-width:250px;word-break:break-word;overflow-wrap:break-word;text-align:center;display:grid;gap:10px 0}.title{margin-left:auto;margin-right:auto;text-align:center}.title h5{color:#0ff;font-size:1.5rem}.info{display:flex;justify-content:center;align-items:center;color:gold;-moz-column-gap:10px;column-gap:10px}.info2{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items:center;color:gold;-moz-column-gap:10px;column-gap:10px}.category{font-size:1.2rem}.views,.data,.comments{font-size:.875rem;margin-right:10px}.page-content{color:#fff;margin-bottom:20px;font-size:.9rem}.news-text p a{color:#0ff;text-decoration:none;cursor:pointer}.news-text p a:hover{color:gold;text-decoration:underline}.page-content li{margin:10px 15px}.hr_title{border:none;border-top:1px solid #00ffff;margin-top:10px;margin-bottom:20px}.task-author-link{color:gold;text-decoration:none;transition:color .3s ease}.task-author-link:hover{color:#0ff}.admin_menu{display:flex;justify-content:center;margin-top:10px;width:100%;flex-wrap:wrap}.admin_menu div{margin-right:15px}.card{border-radius:10px;border:1px solid gold;background-color:#2b2c2e;margin:0 auto 20px;padding:15px;text-align:center}.comment{background-color:#2b2c2e;padding:20px;border-radius:10px;border:1px solid gold;margin-top:30px}.z_com{text-align:center;color:#0ff;margin:0 auto 20px;font-size:1.3rem;display:block;width:100%}.eror_com{text-align:center;color:gold;font-size:1.5rem;margin-bottom:20px}.post_com{margin-bottom:20px;padding:10px;background-color:#3b3b3c;border-radius:10px;border:1px solid gold}.name_com{font-weight:700;color:gold;font-size:clamp(.7rem,.7rem + .5vw,1.1rem)}.date_com{color:#9e9e9e;font-size:clamp(.6rem,.6rem + .5vw,1rem);margin-bottom:10px}.text_com{color:#f8f9fa;font-size:1rem}.form_com{margin-top:20px;background-color:#3b3b3c;padding:20px;border-radius:10px;border:1px solid gold}.login_prompt{background-color:#3b3f44;padding:20px;text-align:center;border-radius:10px;border:1px solid gold;font-size:1rem}.login-link{color:#0ff;text-decoration:none}.login-link:hover{text-decoration:underline}.filters{border:1px solid gold;margin-bottom:20px;background-color:#2b2c2e;padding:15px;border-radius:10px}.filters2{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items:center;color:gold;-moz-column-gap:10px;column-gap:10px;font-size:.5rem}.filters3{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items:center;margin-top:1rem}.filter-item{display:flex;align-items:center;margin-bottom:0}.filters .form-select{color:#fff;background-color:#333;border:1px solid gold;border-radius:5px;padding:5px;width:100%;font-size:.7rem;height:24px;line-height:14px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:none}.star,.circle{cursor:pointer;color:#777}.star.filled{color:gold}.circle.filled{color:brown}@media (max-width: 768px){.filters{padding:10px;flex-direction:column;align-items:flex-start}.filters2{flex-wrap:wrap;justify-content:flex-start;flex-direction:column}.filters2 .form-select{width:auto;font-size:.75rem;height:22px;line-height:10px}}.paginator-menu{display:flex;justify-content:space-between;margin:0 2rem 1.25rem}.link-previous{display:inline-flex;position:relative;padding:.5rem 1rem;align-items:center;border-radius:.375rem;border:1px solid gold;font-size:.75rem;line-height:1.25rem;font-weight:500;color:#6b7280;background-color:#2b2c2e;cursor:default}.elselink-previous{display:inline-flex;position:relative;padding:.5rem 1rem;align-items:center;border-radius:.375rem;border:1px solid gold;--ring-color: gold;font-size:.75rem;line-height:1.25rem;font-weight:500;color:#0ff;background-color:#2b2c2e;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.elselink-previous:hover{color:gold}.link-next{display:inline-flex;position:relative;padding:.5rem 1rem;align-items:center;border-radius:.375rem;border:1px solid gold;--ring-color: gold;font-size:.75rem;line-height:1.25rem;font-weight:500;color:#0ff;background-color:#2b2c2e;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.link-next:hover{color:gold}.elselink-next{display:inline-flex;position:relative;padding:.5rem 1rem;border-radius:.375rem;border:1px solid gold;font-size:.75rem;font-weight:500;line-height:1.25rem;color:#6b7280;background-color:#2b2c2e;cursor:default}@media (max-width: 768px){.container{max-width:98%;padding:10px}.page-header{flex-direction:column;align-items:center;text-align:center}.title{margin-top:15px}.rows-title{gap:10px 0}.img_post,.img_post img{width:95%;max-width:100%;min-width:95%;margin:10px auto 5px;height:auto}.info{flex-direction:column;text-align:center;justify-content:center;align-items:center}.info2{flex-direction:row;text-align:center;justify-content:center;align-items:center;margin-bottom:5px}.category{font-size:1.2rem}.views,.data,.comments{font-size:.9rem}.des-btn{font-size:.8rem;padding:4px 8px}.card{padding:10px}.comment{padding:15px}.z_com{font-size:1rem}.post_com,.text_com{font-size:.9rem}textarea{height:120px}}@media (max-width: 480px){.title h5{font-size:1.2rem}.page-content{font-size:.85rem}.des-btn{font-size:.75rem;padding:4px 6px;max-width:250px}.form_com{padding:8px 15px}textarea{height:100px}}.alert-danger{background-color:#f00c;color:#fff;padding:10px;border-radius:5px;margin-bottom:20px}