*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradientShift 5s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.calculator-card{animation:fadeIn .5s ease-in;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:30px;text-align:center}.header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:10px}.subtitle{color:#666;font-size:1rem}.input-group{margin-bottom:25px}.input-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.input-field{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-field::placeholder{color:#999}.subjects-container{margin-bottom:25px;margin-top:30px}.section-title{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:20px}.subject-row{background:#f8f9fa;border-radius:12px;margin-bottom:15px;padding:20px;transition:transform .2s ease}.subject-row:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.subject-label{color:#667eea;display:block;font-size:1rem;font-weight:700;margin-bottom:12px}.subject-inputs{display:flex;gap:15px}.input-wrapper{flex:1 1}.input-wrapper label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.input-field.small{width:100%}.error-message{background:#fee;border-left:4px solid #c33;border-radius:10px;color:#c33;font-weight:500;margin-bottom:20px;padding:15px}.result-container{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;margin-bottom:25px;padding:30px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-container h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px}.cgpa-display{color:#fff;font-size:3.5rem;font-weight:700;text-shadow:0 2px 4px #0003}.result-slogan{color:#fff;font-size:1rem;font-style:italic;margin-top:15px;text-shadow:0 1px 2px #0003}.button-group{display:flex;gap:15px;margin-bottom:25px}.btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.info-footer{background:#f8f9fa;border-radius:10px;margin-top:20px;padding:20px}.info-footer p{color:#555;font-size:.9rem;margin-bottom:8px}.info-footer p:last-child{margin-bottom:0}.note{color:#777;font-size:.85rem;font-style:italic}.grade-scale{margin-top:15px}.grade-scale p{margin-bottom:10px}.grade-scale-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:10px}.grade-scale-grid span{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;font-size:.85rem;font-weight:600;padding:8px 12px;text-align:center}select.input-field{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}@media (max-width:768px){.calculator-card{padding:30px 25px}.header h1{font-size:2rem}.subtitle{font-size:.9rem}.section-title{font-size:1.1rem}.cgpa-display{font-size:3rem}.button-group{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.app-container{padding:15px}.calculator-card{border-radius:15px;padding:25px 20px}.header h1{font-size:1.8rem}.subtitle{font-size:.85rem}.section-title{font-size:1rem}.subject-row{padding:15px}.subject-inputs{flex-direction:column;gap:12px}.input-field{font-size:.95rem;padding:10px 14px}.grade-scale-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.grade-scale-grid span{font-size:.75rem;padding:6px 8px}.cgpa-display{font-size:2.5rem}.result-container{padding:25px 20px}.result-container h3{font-size:1rem}.btn{font-size:.9rem;padding:12px 20px}.info-footer{padding:15px}.info-footer p{font-size:.85rem}.note{font-size:.8rem}}@media (max-width:360px){.header h1{font-size:1.5rem}.calculator-card{padding:20px 15px}.cgpa-display{font-size:2rem}}@media (max-height:600px) and (orientation:landscape){.app-container{padding:10px}.calculator-card{padding:20px}.header{margin-bottom:20px}.header h1{font-size:1.5rem;margin-bottom:5px}.result-container{padding:20px}.cgpa-display{font-size:2rem}}
/*# sourceMappingURL=main.d5d915d4.css.map*/