*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman,Times,serif}body{background-color:black;color:white;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;overflow:hidden}.sdc-logo{position:absolute;top:1%;left:5.5%;width:8.5%}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;position:relative}.login-box{background:rgba(0,0,0,.8);padding:40px;border-radius:10px;width:100%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.3);text-align:center;margin-left:-45%;z-index:10}.manipal-logo{width:60%;margin-bottom:10px}.sdc-title{width:100%;margin-bottom:20px}.input-container{margin:15px 0;text-align:left}input{width:100%;padding:12px;margin-top:5px;border:1px solid #fff;background-color:transparent;color:white;font-size:16px;border-radius:5px;outline:none}.otp-container{display:flex;justify-content:space-between;align-items:center;gap:10px}.otp-container input{flex:2}.generate-btn{flex:1;padding:12px;background-color:#e5e5e5;border:2px solid black;color:black;font-size:14px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease;margin-top:1%}.generate-btn:hover{background-color:white}.submit-btn{width:100%;padding:12px;background-color:#e5e5e5;border:2px solid black;color:black;font-size:16px;border-radius:5px;cursor:pointer;margin-top:20px;font-weight:700;transition:background-color .3s ease,color .3s ease}.submit-btn:hover{background-color:white}.globe{position:absolute;bottom:-30px;right:-80px;max-width:670px;height:auto;z-index:-1}@media (max-width:768px){.login-box{max-width:450px;padding:25px;margin-left:0}.otp-container{flex-wrap:nowrap}.otp-container input{min-width:150px}.generate-btn{min-width:120px}}@media (max-width:480px){body{padding:10px}.login-box{max-width:350px;padding:20px;margin-left:0}.globe{max-width:300px;right:-20px;bottom:-10px}.sdc-logo{width:15%}.generate-btn,.submit-btn,input{font-size:14px;padding:10px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#2a2a2a;padding:2rem 2.5rem;border-radius:12px;min-width:340px;max-width:90%;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.5)}.modal-btn{background:#e5e5e5;color:#000;padding:.6rem .9rem;margin:1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease}.modal-btn:hover{background:#d4d4d4}.modal-input{width:90%;padding:10px;margin-bottom:1rem;border-radius:6px;border:none;background:#2d2d2d;color:#fff}.small-width{margin-left:auto;margin-right:auto}