.comments-section{margin-top:3rem;margin-bottom:3rem;padding:2rem;background:rgba(20,20,40,.5);border:1px solid rgba(179,136,255,.2);border-radius:12px;color:#eee}.comments-section h2{color:#b388ff;margin-bottom:1rem}.comments-list{list-style:none;padding:0;margin-bottom:2rem}.comments-list li{background:rgba(255,255,255,.05);padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid rgba(179,136,255,.1)}.comments-list li strong{color:#b388ff}.comments-list li small{color:#aaa}.comment-header{display:flex;align-items:center;gap:.5rem}.comment-rating span{margin-left:2px;color:gold}.comment-form{display:flex;flex-direction:column;gap:1rem}.comment-form input,.comment-form select,.comment-form textarea{background:rgba(20,20,40,.8);border:1px solid rgba(179,136,255,.4);color:#eee;padding:.8rem;border-radius:8px}.comment-form input:focus,.comment-form select:focus,.comment-form textarea:focus{border-color:#b388ff;box-shadow:0 0 0 2px rgba(179,136,255,.2);outline:none}.comment-form button{align-self:flex-start;background-color:#7e57c2;color:white;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.comment-form button:hover{background-color:#5e35b1}@media (max-width:768px){.comments-section{padding:1rem}}