@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,serif}a{text-decoration:none}li{list-style:none}.authWrapper{display:flex;justify-content:center;align-items:center;gap:0;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;position:relative}.authWrapper:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');z-index:1}.form-container{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:3rem 2.5rem;border-radius:20px;box-shadow:0 25px 50px #00000040;width:100%;max-width:420px;text-align:center;position:relative;z-index:2;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-container h2{font-size:2rem;font-weight:600;color:#2d3748;font-style:normal;text-align:center;margin-bottom:.5rem;position:relative}.form-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#18a0fb,#74d101);border-radius:2px}.form-container .subtitle{font-size:.95rem;font-weight:400;color:#505050cc;font-style:normal;text-align:center;margin-bottom:2rem}.form-container .error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;box-shadow:0 4px 15px #ff6b6b4d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-container .warning-message{background:linear-gradient(135deg,#fff3cd,#fff8e1);border:1px solid #f59e0b;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#92400e;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #f59e0b26;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-container .warning-message .warning-icon{font-size:1rem;flex-shrink:0}.form-container .form-group{margin-bottom:1.5rem;text-align:left;position:relative}.form-container .form-group label{font-size:.85rem;font-weight:600;color:#4a5568;font-style:normal;text-align:left;margin-bottom:.5rem;display:block;transition:color .3s ease}.form-container .form-group .input-wrapper{position:relative}.form-container .form-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#505050cc;font-size:1.1rem;z-index:1;transition:color .3s ease}.form-container .form-group .input-wrapper.error .input-icon{color:#ef4444}.form-container .form-group .input-wrapper.error input,.form-container .form-group .input-wrapper.error select{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.form-container .form-group .input-wrapper.success .input-icon{color:#10b981}.form-container .form-group .input-wrapper.success input,.form-container .form-group .input-wrapper.success select{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.form-container .form-group input,.form-container .form-group select{width:100%;padding:.95rem 1rem .95rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#2d3748;appearance:none}.form-container .form-group input:focus,.form-container .form-group select:focus{outline:none;border-color:#18a0fb;box-shadow:0 0 0 3px #18a0fb1a;transform:translateY(-2px)}.form-container .form-group input:focus+.input-icon,.form-container .form-group select:focus+.input-icon{color:#18a0fb}.form-container .form-group input::placeholder,.form-container .form-group select::placeholder{color:#a0aec0}.form-container .form-group input:hover,.form-container .form-group select:hover{border-color:#cbd5e0}.form-container .form-group select{padding-right:3rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-container .form-group select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318a0fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-container .form-group select option{padding:.5rem;background:#fff;color:#2d3748}.form-container .form-group select option:disabled{color:#a0aec0;font-style:italic}.form-container .form-group select option:hover{background-color:#f7fafc}.form-container .form-group select:invalid{color:#a0aec0}.form-container .form-group select:valid{color:#2d3748}.form-container .form-group.department-select .input-wrapper select{background-color:#fafbfc}.form-container .form-group.department-select .input-wrapper select:focus{background-color:#fff}.form-container .form-group.department-select .input-wrapper select:hover{background-color:#fff}.form-container .form-group.department-select .input-wrapper .input-icon{color:#667eea}.form-container .form-group:focus-within label{color:#18a0fb}.form-container .submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#18a0fb,#1e90ff);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;position:relative;overflow:hidden}.form-container .submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #18a0fb66}.form-container .submit-button:active{transform:translateY(0)}.form-container .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.form-container .submit-button:hover:before{left:100%}.form-container .auth-link{font-size:.9rem;font-weight:400;color:#505050cc;font-style:normal;text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.form-container .auth-link a{color:#18a0fb;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative}.form-container .auth-link a:hover{color:#1e90ff}.form-container .auth-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#18a0fb;transition:width .3s ease}.form-container .auth-link a:hover:after{width:100%}.form-container .forgot-password{text-align:right;margin-top:.5rem;margin-bottom:1rem}.form-container .forgot-password a{font-size:.85rem;font-weight:400;color:#505050cc;font-style:normal;text-align:right;text-decoration:none;transition:color .3s ease}.form-container .forgot-password a:hover{color:#18a0fb}@media(max-width:480px){.authWrapper{padding:1rem}.form-container{padding:2rem 1.5rem;margin:1rem}.form-container h2{font-size:1.75rem}.form-container .form-group input,.form-container .form-group select{padding:.85rem .85rem .85rem 2.75rem;font-size:.9rem}.form-container .form-group .input-wrapper .input-icon{left:10px;font-size:1rem}.form-container .form-group select{padding-right:2.5rem;background-size:14px}}html,body{margin:0;width:100%;height:100%}