.gpaFormContainer{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.gpaFormHeader{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:50%;display:flex}.gpaFormHeader h1{font-family:var(--font-primary);color:var(--color-primary)}.gpaFormHeader p{font-family:var(--font-primary);text-align:center;color:var(--color-body);font-weight:var(--font-weight-medium);opacity:.75}.universitySupport{background-color:var(--color-info-bg);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:1rem;color:var(--color-info)!important;margin-top:1rem!important}.gpaFormSection{background-color:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:50%;padding:1rem;display:flex}.formSectionh3{font-family:var(--font-primary);color:var(--color-primary)}.gpaAssignmentHeaders{border-bottom:1px solid var(--color-border,#e0e0e0);grid-template-columns:repeat(4,1fr) 2rem;gap:.5rem;width:100%;padding:.25rem 0;display:grid;margin-top:1rem!important}.gpaAssignmentHeaders span{font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-body);opacity:.75;text-align:center;font-size:.8rem}.gpaAssignment{grid-template-columns:repeat(4,1fr) 2rem;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.gpaAssignment input,.gpaAssignment select{border:1px solid var(--color-border,#e0e0e0);border-radius:var(--radius-sm,4px);background-color:var(--color-input-bg,#fff);width:90%;color:var(--color-body);font-family:var(--font-primary);outline:none;padding:.4rem .5rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.gpaAssignment input:focus,.gpaAssignment select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary)20%,transparent)}.gpaAssignment input::placeholder{color:var(--color-body);opacity:.5}.gpaAssignment select{box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;width:100%;padding-right:1.5rem}.gpaAssignment button{width:2rem}.addAssignmentButton{background-color:var(--btn-primary-bg);width:50%;color:var(--btn-primary-text);border-radius:var(--radius-md);border:none;align-self:center;padding:.5rem 0;transition:all .3s;margin:1rem 0!important}.addAssignmentButton:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);cursor:pointer}.removeAssignmentButton{border-radius:var(--radius-md);background-color:var(--color-error-bg);color:var(--color-error);border:none;flex-direction:column;justify-content:center;align-items:center;padding:.35rem 0;display:flex}.removeAssignmentButton:hover{cursor:pointer}.gpaFormSubmit{width:60%;padding:var(--space-3)0;border-radius:var(--radius-md);background-color:var(--btn-primary-bg);color:var(--btn-primary-text);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);border:none;transition:background-color .3s,box-shadow .3s}.gpaFormSubmit:hover{background-color:var(--btn-primary-hover-bg);box-shadow:var(--shadow-lg)}.gpaFormSection>p{font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-muted);text-align:center}.conversionContainer{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;margin:2rem 0!important}.gpaFormSpacer{height:5vh}.gpaFormResults{flex-direction:column;justify-content:center;align-items:center;display:flex}.gpaResultHeader{font-family:var(--font-primary);color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.gpaResultHeader h1{font-size:var(--font-size-4xl)!important}.gpaResultContainer{font-family:var(--font-primary);border-radius:var(--radius-md);background-color:var(--color-bg);width:50%;color:var(--color-primary);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex;margin:3rem 0!important}.gpaResultGrade{font-size:var(--font-size-4xl)}.resultCTAContainer{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;margin-top:2rem!important}.resultCTAContainer p{text-align:center}.resultImageContainer{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex;margin-top:1rem!important}.resultImageLabel{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.resultImage{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:auto;box-shadow:var(--shadow-lg);object-fit:cover}@media (max-width:1024px){.gpaFormHeader,.gpaFormSection{width:75%}.gpaResultContainer{width:75%;padding:2rem}}@media (max-width:640px){.gpaFormHeader{width:95%}.gpaFormHeader h1{font-size:var(--font-size-xl);text-align:center}.gpaFormSection{width:95%;padding:.75rem}.gpaAssignmentHeaders{display:none}.gpaAssignment{border-bottom:1px solid var(--color-border,#e0e0e0);grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr 2rem;row-gap:.25rem;padding-bottom:1rem}.gpaAssignment input:first-child{grid-area:1/1/auto/-1;width:100%}.gpaAssignment select:nth-child(2){grid-area:2/1/auto/-1}.gpaAssignment:before{content:"Weight";font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-body);opacity:.75;grid-area:3/1;padding-top:.5rem;font-size:.75rem}.gpaAssignment:after{content:"Grade %";font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-body);opacity:.75;grid-area:3/2;padding-top:.5rem;font-size:.75rem}.gpaAssignment input:nth-child(3){grid-area:4/1;width:85%}.gpaAssignment input:nth-child(4){grid-area:4/2;width:85%}.gpaAssignment button:last-child{grid-area:4/3}.gpaFormSubmit{width:80%}.gpaResultHeader h1{text-align:center;font-size:var(--font-size-2xl)!important}.gpaResultContainer{width:95%;padding:1.5rem;margin:2rem 0!important}.gpaResultGrade{font-size:var(--font-size-3xl)}.resultCTAContainer h2{font-size:var(--font-size-lg)}.resultCTAContainer p{font-size:var(--font-size-sm)}}
