.assessment-card{

    margin-top:40px;
    padding:36px;

    border-radius:24px;

    background:
    var(--surface,#ffffff);

    box-shadow:
    0 16px 50px rgba(0,0,0,.08);

}


.assessment-card h2{

    margin-bottom:12px;

}



.assessment-card p{

    margin-bottom:28px;

    color:
    var(--muted,#667085);

}



.assessment-card form{

    display:flex;
    flex-direction:column;

    gap:18px;

}



.assessment-card label{

    font-weight:600;

    margin-bottom:6px;

}



.assessment-card input,
.assessment-card select{

    width:100%;

    padding:15px 18px;

    border-radius:14px;

    border:
    1px solid #d0d5dd;

    background:#fff;

    font-size:16px;

    transition:.2s ease;

}



.assessment-card input:focus,
.assessment-card select:focus{

    outline:none;

    border-color:
    #16a34a;

    box-shadow:
    0 0 0 4px rgba(22,163,74,.12);

}



.assessment-card select{

    appearance:auto;

}



.assessment-card button{

    margin-top:10px;

    width:100%;

    padding:17px 24px;

    border-radius:999px;

    border:none;

    background:
    #16a34a;

    color:white;

    font-size:18px;

    font-weight:600;

    cursor:pointer;

    transition:.2s ease;

}



.assessment-card button:hover{

    transform:translateY(-1px);

    filter:brightness(.95);

}



.assessment-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(240px,1fr));

    gap:20px;

}