*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins',sans-serif;
    box-sizing: border-box;
}

body{
    background: black;
}

.input-box {
    background: #fff;
    width: 90%;
    max-width: 500px;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 300px auto;
    display: flex;
    align-items: center;
}

.input-box input {
    width: 100%;
    padding: 10px 0;
    border: 0;
    outline: 0;
    font-size: 24px;
    color: #555;
}

.input-box img{
    width: 25px;
    cursor: pointer;
}

#eyeicon {
    -webkit-tap-highlight-color: transparent; /* Remove blue highlight on mobile */
    outline: none; /* Remove focus outline */
    user-select: none; /* Prevent selection */
    cursor: pointer; /* Show it's clickable */
    transition: transform 0.15s ease, opacity 0.15s ease; /* Smooth animation */
}

#eyeicon:active {
    transform: scale(0.9); /* Slight shrink on tap */
    opacity: 0.7; /* Fade a bit when pressed */
}