.comments{border-top:1px solid #ffffff26;max-width:900px;margin-top:4rem;padding-top:2rem}.comment{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;transition:border-color .25s,box-shadow .25s}.comment strong{margin-bottom:.5rem;display:block}.comment:hover{border-color:#8f0e0e;box-shadow:0 8px 25px #00000040}.comments form{flex-direction:column;gap:1rem;display:flex}.comments input,.comments textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:.8rem}.comments textarea{resize:vertical;min-height:120px}.comments button{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;width:fit-content;padding:.8rem 1.5rem;transition:all .25s}.comments button:hover{background:#c62828}.comment small{opacity:.7;margin-top:.25rem;margin-bottom:.75rem;font-size:.85rem;display:block}.comment-note{opacity:.7;margin-top:1rem;font-size:.9rem}.comment-success{color:#4caf50;margin-top:1rem;font-weight:600}.comments input:focus,.comments textarea:focus{border-color:#e53935;outline:none;box-shadow:0 0 0 2px #e5393533}@media (max-width:768px){.comments button{width:100%}}