.signup-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:1rem}.signup-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:600px;padding:1.5rem;width:100%}.signup-form h1{color:#333;font-size:1.8rem;margin-bottom:2rem;text-align:center}.form-section{background:#fffc;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.25rem;scroll-behavior:smooth;scroll-margin-top:2rem}.form-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem;position:relative;width:100%}.form-group input,.form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input::placeholder{color:#95a5a6}.form-group input.error,.form-group select.error{background-color:#fff8f8;border-color:#dc3545;padding-right:2.5rem}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 2px #dc354540}.form-group input.error:after,.form-group select.error:after{color:#dc3545;content:"!";font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.error-message{animation:fadeIn .3s ease-in-out;background-color:#dc35451a;border-left:3px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.875rem;margin-top:.25rem;padding:.5rem;scroll-margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group input.success,.form-group select.success{background-color:#f8fff9;border-color:#28a745}.form-group input.success:focus,.form-group select.success:focus{box-shadow:0 0 0 2px #28a74540}.course-selection{background:#fffffff2}.course-note{background:#3498db1a;border-radius:6px;color:#666;font-size:.95rem;font-style:italic;margin-bottom:1.5rem;padding:.5rem;text-align:center}.course-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}.course-option{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:1rem;margin:0;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease;width:100%}.course-option:hover{transform:translateY(-2px)}.course-option.selected,.course-option:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.course-option.selected{background:#3498db0d}.course-option.selected:before{align-items:center;background:#3498db;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.course-option input[type=radio]{cursor:pointer;height:20px;margin-top:.3rem;width:20px}.course-content{flex:1 1}.course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.course-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.course-duration{background:#e8f4fc;border-radius:20px;color:#3498db;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.course-description{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:1rem}.course-price{border-top:1px solid #eee;color:#2c3e50;font-size:1.2rem;font-weight:600;padding-top:.5rem}.loading-spinner{align-items:center;display:flex;gap:.5rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.submit-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#2573a7);box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7;transform:none}.submit-button.loading{background:#95a5a6;cursor:wait}.submit-message{animation:fadeIn .3s ease-in-out;border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem;scroll-margin-top:2rem;text-align:center}.submit-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.submit-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.course-option.error{background-color:#fff8f8;border-color:#dc3545}.course-option.error.selected,.course-option.error:hover{border-color:#dc3545;box-shadow:0 4px 12px #dc354526}.course-option.error.selected{background:#dc35450d}.course-option.error input[type=radio]{border-color:#dc3545}.course-option.error .course-header h3,.course-option.error .course-price{color:#dc3545}.course-option.error .course-duration{background:#dc35451a;color:#dc3545}.course-option:hover .course-header h3,.course-option:hover .course-price{color:#3498db}.course-option:hover .course-duration{background:#3498db1a;color:#3498db}.course-option:active{transform:scale(.98)}@media (max-width:768px){.signup-form{margin:0 1rem;padding:1.25rem}.signup-form h1{font-size:1.5rem}.form-section{padding:1rem}.form-section h2{font-size:1.2rem}.course-option{padding:1rem}.course-header h3{font-size:1rem}.course-description{font-size:.9rem}.course-price{font-size:1.1rem}}@media (max-width:480px){.signup-form{margin:0 .5rem;padding:1rem}.form-section{padding:.875rem}.form-group input,.form-group select{font-size:.9375rem;padding:.625rem}.course-option{padding:.875rem}}.form-group input:focus-visible,.form-group select:focus-visible{outline:2px solid #3498db;outline-offset:2px}.form-group.error:after{color:#dc3545;content:"!";font-size:1.2rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.confirmation-message{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:400px;padding:3rem 2rem;text-align:center}.confirmation-message svg{color:#28a745;font-size:4rem;margin-bottom:1.5rem}.confirmation-message h3{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.confirmation-message p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.confirmation-message button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.8rem 2.5rem;transition:all .3s ease}.confirmation-message button:hover{background:#2980b9;box-shadow:0 4px 12px #3498db33;transform:translateY(-1px)}
/*# sourceMappingURL=main.cb32c7fd.css.map*/