.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin-bottom:30px;margin-left:auto;margin-right:auto;border:1px solid #d9e3ee;position:relative;overflow:hidden}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.calculator h2{color:#1a4b5f;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #6b9e9e;font-size:22px;position:relative;z-index:1}.calculator h3{color:#1a4b5f;margin:20px 0 15px;font-size:18px;position:relative;z-index:1}.form-row{display:flex;gap:15px;margin-bottom:18px;align-items:center;position:relative;z-index:1}.form-group{flex:1;text-align:center}.form-group label{display:block;margin-bottom:6px;font-weight:700;color:#2e546a;font-size:14px}.form-control{width:100%;padding:10px 12px;border:1px solid #d0ddee;border-radius:12px;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;text-align:center;margin:0 auto;display:block;background:#fff;color:#1a3f5c}.form-control:focus{border-color:#1a4b5f;outline:none;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.btn{background:#9b59b6;color:#fff;border:0;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;height:42px;white-space:nowrap;display:inline-block;line-height:22px;box-sizing:border-box}.btn:hover{background:#8e44ad;transform:translateY(-2px);box-shadow:0 4px 12px rgba(155,89,182,.3)}.btn-small{padding:8px 16px;font-size:14px;background:#1a4b5f;color:#fff}.btn-small:hover{background:#1a3f5c}.btn-green{background:#1a4b5f;color:#fff}.btn-green:hover{background:#1a3f5c}.btn-red{background:#e74c3c}.btn-red:hover{background:#c0392b}.result-container{margin-top:25px;padding:18px;background:#fefcf5;border-radius:16px;border:1px solid #ecdca8;border-right:5px solid #6b9e9e;display:none;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.result-title{color:#1a4b5f;margin-bottom:12px;font-size:18px;font-weight:800}.result-value{font-size:24px;font-weight:800;color:#1a3f5c;margin:8px 0}.result-details{margin-top:12px;color:#5a6c7d;font-size:14px}.gpa-details{display:flex;justify-content:space-around;margin-top:20px;padding:15px;background:#fefcf5;border-radius:16px;border:1px solid #ecdca8;gap:15px}.detail-item{flex:1;text-align:center;padding:8px 6px;background:#fff;border-radius:12px;border:1px solid #e0e7ef}.detail-value{font-size:1.1rem;font-weight:800;color:#1a3f5c;margin:4px 0}.detail-label{font-size:0.75rem;color:#5a6c7d}.grade-system{background:#fefcf5;padding:15px;border-radius:16px;margin-top:30px;border:1px solid #ecdca8}.grade-table{width:100%;border-collapse:collapse;margin:10px 0}.grade-table th{background:#1a4b5f;color:#fff;padding:8px;text-align:center;font-size:14px}.grade-table td{padding:8px;border:1px solid #dce5ec;text-align:center;font-size:14px}.courses-container{border:1px solid #ecdca8;border-radius:16px;padding:15px;margin-bottom:20px;background:#fefcf5}.course-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.course-row input{flex:1;padding:8px;border:1.5px solid #d0ddee;border-radius:12px;text-align:center;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.course-row input:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.remove-course{background:#e74c3c;color:#fff;border:0;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600}.remove-course:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3)}.grade-system-toggle{display:flex;background:#f2f6fc;border-radius:14px;padding:4px;width:100%;direction:ltr}.grade-system-toggle .toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:#2e546a;font-size:14px;font-weight:600;cursor:pointer;border-radius:10px;transition:all 0.2s ease}.grade-system-toggle .toggle-btn.active{background:#1a4b5f;color:#fff;box-shadow:0 4px 12px rgba(26,75,95,.2)}.toggle-container{display:flex;justify-content:flex-start;margin-bottom:20px}.toggle-group{max-width:200px;width:100%}.toggle-group label{text-align:right;display:block;margin-bottom:6px;font-weight:700;color:#2e546a;font-size:14px}@media (max-width:768px){.calculator{padding:20px;margin:15px}.form-row{flex-wrap:nowrap;gap:12px}.form-group{flex:1;text-align:center}.gpa-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item:nth-child(3){grid-column:1/-1}.detail-item{padding:8px}.course-row{flex-wrap:nowrap;gap:8px}.course-row input{flex:1;min-width:0}.remove-course{flex:0 0 auto}.grade-table{font-size:12px}.grade-table th,.grade-table td{padding:6px;font-size:12px}.toggle-container{justify-content:flex-start}.toggle-group{max-width:180px}}@media (max-width:480px){.form-row{flex-wrap:nowrap}.form-group{flex:1;min-width:0}.course-row{flex-wrap:nowrap}.course-row input{flex:1;font-size:10px}.toggle-container{justify-content:flex-start}.toggle-group{max-width:160px}}