input, button, select, textarea {
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;        
    border-radius: 0;         
}

body {
    background: #fff;
    color: #1e1e1e;
}

.page-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 140px 20px 80px; 
}

.main-title {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 60px;
    color: #1e1e1e;
    position: relative;
    display: inline-block;
    width: 100%;
}
.main-title::after, .section-separator::after {
    content: ''; display: block; width: 50px; height: 4px;
    background: #7b2cbf; margin: 10px auto 0; border-radius: 2px;
}

.section-separator {
    text-align: center; font-size: 24px; font-weight: 700;
    margin: 80px 0 40px; color: #555;
}

.team-block {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 80px;
}

.team-block.reverse {
    flex-direction: row-reverse; 
}

.team-text { flex: 1; }
.team-text h3 { font-size: 22px; margin-bottom: 15px; color: #1e1e1e; font-weight: 700; }
.team-text p { font-size: 14px; line-height: 1.8; color: #666; text-align: justify; }

.team-img { flex: 1; text-align: center; }
.team-img img {
    width: 100%; max-width: 400px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.comment-bar-wrapper {
    max-width: 600px; margin: 0 auto 50px; text-align: center;
}
.comment-bar-wrapper form {
    display: flex; position: relative;
}
.comment-input {
    width: 100%; padding: 15px 20px; padding-right: 60px;
    border-radius: 50px; border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); outline: none; transition: 0.3s;
}
.comment-input:focus { border-color: #7b2cbf; }
.btn-send {
    position: absolute; right: 5px; top: 5px; bottom: 5px;
    background: #007bff; 
    color: white; border: none; border-radius: 50px;
    padding: 0 20px; font-weight: 700; cursor: pointer;
}

.comments-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.comment-card {
    background: #fcfcfc; 
    padding: 20px 20px 20px 80px; 
    border-radius: 12px;
    position: relative;
    border: 1px solid #f0f0f0;
    min-height: 100px;
}

.com-avatar {
    position: absolute; left: 20px; top: 20px;
    width: 45px; height: 45px; border-radius: 10px;
    object-fit: cover;
}

.com-pseudo { 
    font-weight: 700; color: #7b2cbf; font-size: 14px; display: block; margin-bottom: 5px;
}
.com-msg { 
    font-size: 13px; color: #444; line-height: 1.5; margin-bottom: 10px;
}
.com-date { font-size: 10px; color: #aaa; }


.licenses-grid {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;
}
.license-item img {
    height: 60px; 
    object-fit: contain;
    filter: grayscale(100%); opacity: 0.7; transition: 0.3s;
}
.license-item img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1); }


@media(max-width: 800px) {
    .team-block, .team-block.reverse { flex-direction: column; gap: 20px; }
    .comments-grid { grid-template-columns: 1fr; }
}