body,html{height:100%}.container-form{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/img/regist-bg.jpg);background-size:cover;background-position:50%;background-color:hsla(0,0%,100%,.6);background-blend-mode:lighten;padding-top:50px;padding-bottom:50px;margin:0}.registration-page{display:flex;padding:30px;width:1000px}.registration-page,.registration-success{position:relative;z-index:3;flex-direction:column;align-items:center;background-color:#fff;box-shadow:0 4px 30px rgba(0,0,0,.5);border-radius:20px}.registration-success{display:none;padding:50px;width:800px}h1{text-align:center}form{display:flex;flex-direction:column;align-items:center}.form-grid{margin-top:50px;display:flex;gap:15px;flex-wrap:wrap}.form-grid>*{flex:1 1 calc(50% - 7.5px);min-width:200px}.form-group{margin-bottom:10px;display:flex;flex-direction:column}.error-text{color:red;font-size:12px;margin-bottom:4px}input,select{height:40px;border-radius:15px;padding:10px;border-width:thin}button{margin-top:20px}.custom-btn{width:130px;height:50px;color:#fff;border-radius:30px;padding:10px 20px;font-family:Lato,sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:none}.btn-1{background:#353782;background:linear-gradient(0deg,#353782,#3c40b6);border:none}.btn-1:before{height:0%;width:2px}.btn-1:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 rgba(116,125,136,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4)}.copyright{margin-top:50px;font-size:12px;text-align:center}@media (max-width:600px){.registration-page{width:auto;padding:30px}.container-form{padding:30px}}.back-button{display:inline-flex;align-items:center;background-color:#f1f1f1;color:#333;font-size:14px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-weight:500;margin:0}.back-button:hover{background-color:#e0e0e0}.back-icon{font-size:12px;margin-right:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 10px 25px rgba(0,0,0,.2);text-align:center}.modal-input{width:100%;padding:10px;margin-top:15px;margin-bottom:10px;border:1px solid #ccc;border-radius:6px}.modal-buttons{margin-top:10px;display:flex;justify-content:space-between}.btn{padding:8px 20px;border:none;border-radius:6px;cursor:pointer}.btn-primary{background-color:#2c74d2;color:#fff}.btn-secondary{background-color:#ccc;color:#000}.error-message{color:red;font-size:14px;margin-bottom:10px}.card-container[data-v-203cb6a4]{margin-top:30px;margin-bottom:20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.card[data-v-203cb6a4]{background-color:#fff;border-radius:16px;width:250px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.card[data-v-203cb6a4]:hover{transform:scale(1.03);box-shadow:0 6px 24px rgba(0,0,0,.2)}.card.selected[data-v-203cb6a4]{border:2px solid #2c74d2;box-shadow:0 0 10px rgba(44,116,210,.5);transform:scale(1.05)}.card.disabled[data-v-203cb6a4]{background-color:#f5f5f5;opacity:.6;cursor:not-allowed}.card.disabled .card-header[data-v-203cb6a4]{background:radial-gradient(circle,#666,#555)}.card-header[data-v-203cb6a4]{padding:0;position:relative;height:200px;background:radial-gradient(circle,#2c74d2,#1e5cb3);display:flex;align-items:center;justify-content:center}.card-label[data-v-203cb6a4]{background-color:#fff59d;padding:10px 15px;font-weight:700;font-size:26px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.card-body[data-v-203cb6a4]{padding:20px}.course-title[data-v-203cb6a4]{font-weight:700;font-size:26px;margin-bottom:8px}.course-detail[data-v-203cb6a4]{font-size:14px;color:grey;margin-bottom:10px}.date-inputs[data-v-203cb6a4]{margin-top:15px;gap:10px}.date-field[data-v-203cb6a4],.date-inputs[data-v-203cb6a4]{display:flex;flex-direction:column}.date-field label[data-v-203cb6a4]{font-size:14px;font-weight:700;margin-bottom:5px}.date-field input[data-v-203cb6a4]{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.date-field input[data-v-203cb6a4]:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group[data-v-203cb6a4]{display:flex;flex-direction:column;gap:15px;margin:20px 0;max-width:400px;margin-left:auto;margin-right:auto}.dropdown-field[data-v-203cb6a4]{width:300px;display:flex;flex-direction:column}.dropdown-field label[data-v-203cb6a4]{font-size:14px;font-weight:700;margin-bottom:5px}.dropdown-field select[data-v-203cb6a4]{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.payment-button[data-v-203cb6a4]{background-color:#2c74d2;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:10px 0;transition:background-color .2s ease}.payment-button[data-v-203cb6a4]:hover{background-color:#1e5cb3}.card[data-v-203cb6a4]{overflow:hidden;position:inherit}.card.school-fee-card.selected[data-v-203cb6a4]{overflow:visible!important;position:relative}.date-field[data-v-203cb6a4]{position:relative;z-index:10}[data-v-203cb6a4] .month-picker__container{position:absolute;z-index:9999;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:280px}[data-v-203cb6a4] .month-picker__year button{margin-top:6px;line-height:0;padding-bottom:5px}[data-v-203cb6a4] .month-picker-input{padding:15px;font-size:inherit!important}