*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,#7fbaff,#a585ff);background-attachment:fixed;overflow-x:hidden;position:relative;padding:50px 0}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.05) 1px,transparent 0),radial-gradient(circle at 80% 60%,rgba(255,255,255,.05) 1px,transparent 0),radial-gradient(circle at 40% 90%,rgba(255,255,255,.05) 1px,transparent 0);background-size:200px 200px;z-index:0}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;position:relative;z-index:1}.form-container{background:#fffffff2;padding:30px;border-radius:16px;box-shadow:0 4px 20px #0003;width:450px;position:relative;z-index:1}#studentForm .step-title{margin-bottom:20px;color:#333;text-align:center}#studentForm .step-title h3{font-size:1.5rem;font-weight:600}#studentForm .step-title h6{font-size:.9rem;font-weight:500;color:#666;margin-bottom:10px}.form-container #studentForm{width:100%;margin-top:10px}.page-title{text-align:center;margin-bottom:30px}.page-title h1{font-family:Poppins,sans-serif;font-weight:700;font-size:2.2rem;letter-spacing:1px;text-align:center;color:#fff;margin-bottom:25px;text-shadow:0 3px 10px rgba(0,0,0,.25)}.page-title .subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#ffffffe6;margin-top:-5px;text-align:center;letter-spacing:.5px}form label{display:block;margin-bottom:10px;font-weight:600;font-family:Poppins,sans-serif;color:#333}form input[type=text],form input[type=email],form input[type=tel],form input[type=date],form textarea{width:100%;padding:10px;margin-bottom:15px;border:1.7px solid #ccc;border-radius:8px;box-shadow:0 1px 2px #0000001a;transition:border .3s}form input:focus,form textarea:focus{border-color:#007bff;outline:none}form select{width:100%;padding:10px;margin-bottom:15px;border:1.7px solid #ccc;border-radius:8px;box-shadow:0 1px 2px #0000001a;transition:border .3s}form select:focus{border-color:#007bff;outline:none}.consents{margin-bottom:20px}.photo-consent-wrapper{margin-bottom:15px}.photo-consent-wrapper label,.data-consent-wrapper label{font-weight:600;font-family:Poppins,sans-serif;color:#333;display:block;margin-bottom:5px}.photo-consent-wrapper p,.data-consent-wrapper p{font-size:.9rem;color:#555;margin-bottom:8px}.photo-consent-wrapper input[type=checkbox],.data-consent-wrapper input[type=checkbox]{transform:scale(1.2);margin-right:8px;cursor:pointer}.digital-signature-wrapper{margin-bottom:20px;margin-top:10px}.digital-signature-wrapper label{font-weight:600;font-family:Poppins,sans-serif;color:#333;display:block;margin-bottom:5px}.digital-signature-wrapper p{font-size:.9rem;color:#555;margin-bottom:8px}.digital-signature-wrapper input[type=file]{width:100%;padding:8px;border:1.7px solid #ccc;border-radius:8px;box-shadow:0 1px 2px #0000001a;transition:border .3s}.file-hidden{display:none}.file-label{width:100%;padding:8px;border:1.7px solid #ccc;border-radius:8px;box-shadow:0 1px 2px #0000001a;transition:border .3s;font-size:14px;color:#555}.file-label:hover{border-color:#007bff;cursor:pointer}.file-name{margin-top:10px;font-size:14px;color:#555}form button{background:#0af;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;width:30%;transition:background .3s,transform .2s}form button:hover{background:#ea9171;transform:scale(1.03)}.progress{display:flex;justify-content:center;align-items:center;margin-bottom:25px;z-index:1}.progress-step{width:35px;height:35px;border-radius:50%;background:#ea9171;color:#f5f5f5;display:flex;justify-content:center;align-items:center;font-weight:700;transition:all .4s ease}.progress-step.active{background:#0af;color:#fff;transform:scale(1.1);box-shadow:0 0 10px #007bff80}.progress-line{width:60px;height:3px;background:#f5f5f5;margin:0 10px;transition:background .4s ease}.progress-line.filled{background:#0af}.form-step{display:none;opacity:0;transform:translate(50px);transition:all .5s ease}.form-step.active{display:block;opacity:1;transform:translate(0)}.success-screen{display:none;text-align:center;padding:50px 20px;color:#333;animation:fadeIn 1s ease forwards}.checkmark{width:80px;height:115px;display:inline-block;position:relative}.checkmark-circle{width:80px;height:80px;background-color:#4caf50;border-radius:50%;position:absolute;top:0;left:0}.checkmark-stem{position:absolute;width:6px;height:40px;background-color:#fff;left:30px;top:15px;transform:rotate(45deg);transform-origin:bottom left;animation:stem .3s ease forwards .3s;opacity:0}.checkmark-kick{position:absolute;width:6px;height:20px;background-color:#fff;left:17px;top:40px;transform:rotate(-45deg);transform-origin:top right;animation:kick .3s ease forwards .5s;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes stem{to{opacity:1}}@keyframes kick{to{opacity:1}}form input.error,form textarea.error,form select.error{border-color:#ff4d4d}.error-messages{color:#b00020;background-color:#ffebee;border-left:4px solid #b00020;padding:10px 15px;border-radius:5px;font-size:.9rem;margin-top:15px}.error-messages .error-icon{margin-right:8px}@media (max-width: 1023px){.form-container{width:100%;padding:25px}.page-title h1{font-size:1.8rem}form button{width:40%}.progress-line{width:40px}}@media (max-width: 767px){.form-container{width:100%;padding:20px}.page-title h1{font-size:1.6rem}.page-title .subtitle,form label{font-size:.9rem}form input,form textarea,form select{padding:8px;font-size:.9rem}form button{width:100%;padding:12px;font-size:1rem}.progress{flex-wrap:wrap;gap:10px}.progress-step{width:30px;height:30px;font-size:.8rem}.form-step{transform:none}}@media (max-width: 1366px){.form-container{width:90%}}
