body{font-family:Arial,sans-serif;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-box{background-color:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.login-box h2{margin-bottom:2rem;color:#333}.input-group{position:relative;margin-bottom:1.5rem}.input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#888}.input-group input{width:calc(100% - 40px);padding:15px 15px 15px 40px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.submit-btn{background-color:#0d6efd;color:#fff;padding:15px 20px;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%;transition:background-color .3s}.submit-btn.loading{background-color:#aaa}.login-link{margin-top:1.5rem;display:block;color:#555}.login-link a{color:#0d6efd;text-decoration:none;font-weight:700}