@import"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";.app-container{max-width:400px;margin:100px auto 50px;text-align:center;padding:20px;border:1px solid #ddd;border-radius:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.app-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.app-subtitle{font-size:18px;margin-bottom:15px;color:#555}.email-input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;outline:none}.email-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.send-otp-btn{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.send-otp-btn:hover{background-color:#0056b3}.otp-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.otp-input{width:50px;height:50px;text-align:center;font-size:20px;border:1px solid #ccc;border-radius:5px;outline:none}.otp-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.submit-btn{padding:10px 20px;font-size:16px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#218838}body{background-color:#000}.box{margin-left:-30px;color:#faebd7;display:flex;align-items:center;justify-content:center;margin-top:80px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:x-large;text-shadow:2px 3px 1px rgb(129,25,42);flex-direction:column}.custom-btn{margin-top:50px;margin-left:-10px;color:#fff;width:130px;height:40px;padding:18px 25px;font-size:large;font-family:Georgia,Times New Roman,Times,serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;border-radius:10px}.btn-5{background:#00aced;line-height:42px;padding:0;border:none}.btn-5:hover{background:transparent;color:#00aced}.btn-5:before,.btn-5:after{content:"";position:absolute;top:0;right:0;height:2px;background:#00aced;width:0;box-shadow:0 0 5px #00aced,0 0 5px #00aced inset;transition:.4s ease all}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:before,.btn-5:hover:after{width:100%;transition:.8s ease all}.image{margin-top:20px;border-radius:50%;max-width:150px}h1{margin-left:20px}h4{margin-top:150px;font-family:Arial,Helvetica,sans-serif;font-size:medium;border:none;text-shadow:none}.link{text-decoration:none}.link:active{color:#dc143c}@media (max-width: 767px){h1{font-size:larger;margin-left:30px;margin-top:50px}.image{margin-top:50px;margin-left:20px}.custom-btn{margin-top:80px;margin-left:20px}h4{margin-left:20px}}