@charset "UTF-8";.btn{position:relative;text-align:center;background-color:#edece8;color:#090909;border:none;border-radius:20px;padding:10px 20px;min-width:150px;cursor:pointer;font-weight:700;transition:.2s;margin-top:20px;text-transform:uppercase}.btn:hover{background-color:#42c2bd;color:#090909;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.btn:hover:before{background-color:#f7c142;transform:translate(-4px,-4px)}.btn:hover:after{background-color:#42c2bd;transform:translate(4px,4px)}.modal-btn{margin-left:8px;margin-right:8px}.outer-container{position:relative;z-index:4}.outer-container:before,.outer-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40px;box-sizing:border-box;pointer-events:none;z-index:5}.container{position:relative;text-align:center;background-color:#1d1d1d;padding:50px 20px;border-radius:40px;margin-top:100px;margin-left:auto;margin-right:auto;z-index:6;width:80vw}@media only screen and (min-width: 768px){.container{width:80vw;padding:50px}}@media only screen and (min-width: 1024px){.container{min-width:500px;max-width:55vw}}.container__logo{max-width:150px;margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;text-align:left}button[disabled]{background-color:#f9fafb;cursor:not-allowed}.instruction{font-size:16px;color:#edece8;text-align:left;line-height:1.7;margin-bottom:3rem}.otp-instruction{margin-top:20px;font-size:16px;color:#edece8}.error-message{color:#ff4733;font-size:14px;margin-top:5px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-top:10px;color:#090909}.otp-input{width:40px;height:40px;font-size:24px;text-align:center}#timer{margin-top:20px;font-size:16px;color:#666;text-align:center}input{box-sizing:border-box;margin-top:5px;margin-bottom:10px;border-radius:4px;border:1px solid rgba(255,255,255,.2);outline:none;padding:12px;background-color:#090909;color:#edece8;font-size:14px;width:100%;color-scheme:dark}input:focus{border-color:var(--color-white);outline:0}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-top:20px}.otp-input{width:40px;height:40px;font-size:20px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:10px}#timer{margin-top:20px;font-size:16px;color:#888;text-align:center}@media only screen and (min-width: 1024px){.otp-input{width:40px;height:40px;font-size:24px}}.loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#090909cc;color:#edece8;z-index:9999}.spinner{border:4px solid rgba(0,0,0,.4);border-radius:50%;border-top:4px solid #42C2BD;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container__logo{width:150px;height:auto}.container__title{text-align:center;margin-bottom:20px;color:#42c2bd}.student{border:1px solid rgba(255,255,255,.2);border-radius:10px;transition:all .5s ease-in;width:80%;max-width:1200px;margin:15px auto;padding:24px}@media (min-width: 768px){.student{width:95%}}.student__name{font-weight:700;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.student__name .student__toggle-icon{font-size:20px;margin-left:10px}.student__documents{margin-top:10px;transition:all .5s ease-in}.student__documents__divider{height:1px;width:100%;background-color:#1d3557}.student__documents__document-list--existing{margin-top:20px}.student__documents__document-list--existing .student__document-title{font-size:18px;font-weight:700;color:#42c2bd}.existingDoc{display:flex;flex-direction:column;align-items:center;background-color:#303030;padding:12px 24px;margin:12px 0;border-radius:15px}.existingDoc__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.existingDoc__icon{margin-right:8px;width:20px;height:20px}.existingDoc__name{margin:0 20px 0 10px;color:#edece8;font-weight:700}.existingDoc__actions{display:flex;flex-direction:column;align-items:center}.existingDoc__actions span{margin-top:10px;font-size:14px;color:#edece8;font-style:italic;text-align:center;max-width:240px}.existingDoc__actions input[type=file]{display:none}.existingDoc__actions label{text-align:center;margin:0}.existingDoc__actions label:hover{color:#edece8}@media (min-width: 768px){.existingDoc__actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.existingDoc__actions span{margin-right:24px;margin-top:0;order:-1}}@media (min-width: 768px){.existingDoc{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.existingDoc__header{margin-bottom:0}}.document-upload{display:flex;flex-direction:column;align-items:center;background-color:#303030;padding:24px;margin:24px 0;border-radius:15px}.document-upload__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.document-upload__icon{margin-right:8px;width:20px;height:20px}.document-upload__label{margin:0 20px 0 10px;color:#edece8;font-weight:700}.document-upload__actions{display:flex;flex-direction:column;align-items:center}.document-upload__actions input[type=file]{display:none}.document-upload__actions .document-upload__btn{font-size:14px;text-align:center;margin:0;min-width:0}.document-upload__actions span{margin-top:0;font-size:14px;color:#f9fafb;font-style:italic;text-align:center;max-width:240px}@media (min-width: 768px){.document-upload__actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.document-upload__actions span{margin-right:15px;margin-top:0;order:-1}}.document-upload__file-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:5px 10px;font-size:.9rem;color:#f9fafb}.document-upload__remove-btn{background:none;border:none;color:#edece8;font-size:1rem;margin-left:10px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;transition:all .3s ease-in}.document-upload__remove-btn:hover{background-color:#ff4733;color:#edece8}@media (min-width: 768px){.document-upload{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.document-upload__header{margin-bottom:0}}.student-list-btn{font-size:14px;text-decoration:none;margin:0;min-width:0;color:#42c2bd}.student-list-btn:hover{color:#edece8}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#090909cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.modal__content{background-color:#303030;padding:20px;margin:0 20px;border-radius:25px;text-align:center;width:-webkit-fill-available}@media (min-width: 768px){.modal__content{max-width:500px}}.modal__content__title{font-size:24px;font-weight:700;color:#42c2bd}.modal__content__message{margin-top:15px;font-size:16px;color:#333}.modal__buttons{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.modal__buttons .btn-es{margin:20px 5px;width:100px;padding:10px}@media (min-width: 768px){.modal__buttons .btn-es{margin:20px}}.text-left{text-align:left}body,html{margin:0 auto;display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#090909;color:#edece8}h4{color:#42c2bd}