:root {
            --input-bg-color: #122133;
            --input-border-color: #3c5a7a;
            --text-color: #ffffff;
        }

        .input-group {
            margin-bottom: 20px;
        }

        .input-group label {
            display: block;
            margin-bottom: 0px;
            font-size: 0.95em;
            font-family: var(--inter-regular-font-family);
            font-weight: var(--inter-regular-font-weight);
            color: #5dd6ff;
            font-size: var(--inter-regular-font-size);
            letter-spacing: var(--inter-regular-letter-spacing);
            line-height: var(--inter-regular-line-height);
            white-space: nowrap;
            font-style: var(--inter-regular-font-style);
        }

        .input-container {
            position: relative;
            width: 100%;
        }

        .input-container .component-icon {
            position: relative;
            top: 35px;
            left: 17px;
            width: 18px;
            height: 18px;
        }

        .input-container input {
            width: 100%;
            padding: 14px 15px 14px 45px;
            border-radius: 14px;
            background-color: var(--input-bg-color);
            border: 1px solid var(--input-border-color);
            border-radius: 8px;
            color: var(--text-color);
            font-size: 1em;
            box-sizing: border-box;
            transition: border-color 0.3s ease;
            border-radius: 14px;
        }

        .input-container input:focus {
            outline: none;
            border-color: var(--input-focus-border-color);
        }