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-46fcbeaf]{margin-top:30px;margin-bottom:20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.card[data-v-46fcbeaf]{background-color:#fff;border-radius:16px;width:300px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;transition:transform .2s ease}.card[data-v-46fcbeaf]:hover{transform:scale(1.03)}.card-header[data-v-46fcbeaf]{padding:0;position:relative;height:200px;display:flex;align-items:center;justify-content:center}.card-image[data-v-46fcbeaf]{width:100%;height:100%;object-fit:cover}.card-label[data-v-46fcbeaf]{background-color:#fff59d;padding:10px 15px;font-weight:700;font-size:16px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.language-label[data-v-46fcbeaf]{position:absolute;top:8px;left:10px;background-color:#000;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px}.card-body[data-v-46fcbeaf]{padding:20px}.course-title[data-v-46fcbeaf]{font-weight:700;font-size:26px;margin-bottom:8px}.course-detail[data-v-46fcbeaf]{font-size:14px;color:grey}