.calcufacil-gpa_calculator.calcufacil-container{max-width:450px;margin:20px auto;background:#e6e6fa;padding:25px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);font-family:sans-serif}.calcufacil-gpa_calculator h3{text-align:center;color:#483d8b;margin-bottom:20px}.calcufacil-gpa_calculator .gpa-form .course-header{display:flex;justify-content:space-between;padding:0 10px;margin-bottom:5px;font-weight:700;color:#483d8b;font-size:14px}.calcufacil-gpa_calculator .gpa-form .header-grade{flex-basis:55%;text-align:center}.calcufacil-gpa_calculator .gpa-form .header-credits{flex-basis:35%;text-align:center}.calcufacil-gpa_calculator .gpa-form .course-row{display:flex;gap:10px;margin-bottom:8px;align-items:center}.calcufacil-gpa_calculator .input-group{margin-bottom:0}.calcufacil-gpa_calculator .input-group.course-grade{flex-basis:55%}.calcufacil-gpa_calculator .input-group.course-credits{flex-basis:35%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.calcufacil-gpa_calculator .input-group select,.calcufacil-gpa_calculator .input-group input[type="number"]{width:100%;padding:10px;border:1px solid #b0a8d1;border-radius:4px;box-sizing:border-box;font-size:15px;background:#fff}.calcufacil-gpa_calculator button[type="submit"]{background-color:#6a5acd;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%;margin-top:20px;transition:background-color 0.3s ease}.calcufacil-gpa_calculator button[type="submit"]:hover{background-color:#483d8b}.calcufacil-gpa_calculator .results-area{margin-top:25px;padding:20px;background:#f8f8ff;border:1px solid #dcdcdc;border-left:4px solid #6a5acd;border-radius:5px}.calcufacil-gpa_calculator .results-area h4{margin-top:0;color:#483d8b;text-align:center;margin-bottom:15px}.calcufacil-gpa_calculator .results-area p{margin:8px 0;font-size:15px;color:#333;line-height:1.6}.calcufacil-gpa_calculator .results-area p strong{color:#000}.calcufacil-gpa_calculator .results-area p strong.gpa-result{font-size:1.3em;color:#483d8b}.calcufacil-gpa_calculator .errors p{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;padding:10px;border-radius:4px;text-align:center}