/* Auth pages — IC Markets / gold-trade8 style */
.auth-page--ic {
    --auth-vw: var(--shell-vw, 100vw);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #eef1f5 !important;
    color: #24314f;
    box-sizing: border-box;
}

.auth-page--ic .top_bg,
.auth-page--ic .login-pc-aside {
    display: none !important;
}

.auth-page--ic > .container {
    display: none !important;
}

.auth-ic-toolbar {
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(env(safe-area-inset-top, 0px) + 16 * var(--auth-vw) / 750) calc(28 * var(--auth-vw) / 750) calc(8 * var(--auth-vw) / 750);
    pointer-events: none;
}

.auth-ic-toolbar > * {
    pointer-events: auto;
}

.auth-ic-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(8 * var(--auth-vw) / 750);
    border: 0;
    background: transparent;
    color: #24314f;
    font-size: calc(28 * var(--auth-vw) / 750);
    font-weight: 500;
    cursor: pointer;
    padding: calc(8 * var(--auth-vw) / 750);
}

.auth-ic-lang-icon,
.auth-ic-kefu-btn svg {
    width: calc(36 * var(--auth-vw) / 750);
    height: calc(36 * var(--auth-vw) / 750);
    flex-shrink: 0;
}

.auth-ic-kefu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(64 * var(--auth-vw) / 750);
    height: calc(64 * var(--auth-vw) / 750);
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #24314f;
    cursor: pointer;
    padding: 0;
}

.auth-ic-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding: calc(40 * var(--auth-vw) / 750) calc(28 * var(--auth-vw) / 750) 0;
    box-sizing: border-box;
}

.auth-ic-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(16 * var(--auth-vw) / 750);
    flex-shrink: 0;
    margin: max(calc(72 * var(--auth-vw) / 750), 10vh) 0 max(calc(120 * var(--auth-vw) / 750), 12vh);
}

.auth-ic-logo-icon {
    width: calc(52 * var(--auth-vw) / 750);
    height: calc(52 * var(--auth-vw) / 750);
    flex-shrink: 0;
}

.auth-ic-logo-text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 calc(6 * var(--auth-vw) / 750);
    font-size: calc(40 * var(--auth-vw) / 750);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.auth-ic-logo-text--brand {
    flex-wrap: nowrap;
    font-size: calc(34 * var(--auth-vw) / 750);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    gap: 0 calc(7 * var(--auth-vw) / 750);
}

.auth-ic-logo-ic,
.auth-ic-logo-global {
    color: #2db363;
    font-weight: 800;
}

.auth-ic-logo-markets {
    color: #1a1a1a;
    font-weight: 700;
}

.auth-ic-logo-primary {
    color: #1a1a1a;
}

.auth-ic-logo-accent {
    color: #2db363;
}

.auth-ic-card {
    flex: 1;
    background: #ffffff;
    border-radius: calc(24 * var(--auth-vw) / 750) calc(24 * var(--auth-vw) / 750) 0 0;
    padding: calc(40 * var(--auth-vw) / 750) calc(32 * var(--auth-vw) / 750) calc(48 * var(--auth-vw) / 750);
    padding-bottom: calc(48 * var(--auth-vw) / 750 + env(safe-area-inset-bottom, 0px));
    min-height: calc(480 * var(--auth-vw) / 750);
    box-shadow: 0 calc(-4 * var(--auth-vw) / 750) calc(24 * var(--auth-vw) / 750) rgba(33, 63, 124, 0.04);
}

.auth-ic-tabs {
    display: flex;
    gap: calc(8 * var(--auth-vw) / 750);
    padding: calc(6 * var(--auth-vw) / 750);
    margin-bottom: calc(32 * var(--auth-vw) / 750);
    background: #eef1f5;
    border-radius: calc(12 * var(--auth-vw) / 750);
}

.auth-ic-tab {
    flex: 1 1 0;
    border: 0;
    border-radius: calc(10 * var(--auth-vw) / 750);
    padding: calc(16 * var(--auth-vw) / 750) calc(12 * var(--auth-vw) / 750);
    background: transparent;
    color: #8a93a8;
    font-size: calc(26 * var(--auth-vw) / 750);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.auth-ic-tab.active {
    background: #ffffff;
    color: #24314f;
    box-shadow: 0 calc(2 * var(--auth-vw) / 750) calc(8 * var(--auth-vw) / 750) rgba(33, 63, 124, 0.06);
}

.auth-ic-field {
    display: flex;
    align-items: center;
    gap: calc(16 * var(--auth-vw) / 750);
    padding: calc(20 * var(--auth-vw) / 750) 0;
    border-bottom: 1px solid #e5ebf5;
}

.auth-ic-field:last-of-type {
    border-bottom: 0;
}

.auth-ic-field-icon {
    width: calc(40 * var(--auth-vw) / 750);
    height: calc(40 * var(--auth-vw) / 750);
    flex-shrink: 0;
    color: #2f73f6;
}

.auth-ic-field input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #24314f;
    font-size: calc(28 * var(--auth-vw) / 750);
    outline: none;
    padding: 0;
}

.auth-ic-field input::placeholder {
    color: #b0b8c8;
}

.auth-ic-eye-btn {
    flex-shrink: 0;
    border: 0;
    background: transparent;
    color: #8a93a8;
    padding: calc(8 * var(--auth-vw) / 750);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.auth-ic-eye-btn svg {
    width: calc(36 * var(--auth-vw) / 750);
    height: calc(36 * var(--auth-vw) / 750);
}

.auth-ic-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--auth-vw) / 750);
    margin: calc(24 * var(--auth-vw) / 750) 0 calc(32 * var(--auth-vw) / 750);
    font-size: calc(24 * var(--auth-vw) / 750);
}

.auth-ic-remember {
    display: inline-flex;
    align-items: center;
    gap: calc(10 * var(--auth-vw) / 750);
    color: #8a93a8;
    cursor: pointer;
    user-select: none;
}

.auth-ic-remember input {
    width: calc(32 * var(--auth-vw) / 750);
    height: calc(32 * var(--auth-vw) / 750);
    accent-color: #2f73f6;
    margin: 0;
}

.auth-ic-forgot {
    border: 0;
    background: transparent;
    color: #8a93a8;
    font-size: calc(24 * var(--auth-vw) / 750);
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.auth-ic-submit {
    display: block;
    width: 100%;
    border: 0;
    border-radius: calc(12 * var(--auth-vw) / 750);
    padding: calc(24 * var(--auth-vw) / 750);
    background: #2f73f6;
    color: #ffffff;
    font-size: calc(30 * var(--auth-vw) / 750);
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}

.auth-ic-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.auth-ic-footer {
    margin-top: calc(28 * var(--auth-vw) / 750);
    text-align: center;
    font-size: calc(26 * var(--auth-vw) / 750);
    color: #8a93a8;
}

.auth-ic-footer-link {
    border: 0;
    background: transparent;
    color: #2db363;
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    margin-left: calc(6 * var(--auth-vw) / 750);
}

.auth-ic-fab {
    position: fixed;
    right: calc(28 * var(--auth-vw) / 750);
    bottom: calc(28 * var(--auth-vw) / 750 + env(safe-area-inset-bottom, 0px));
    z-index: 20;
    width: calc(96 * var(--auth-vw) / 750);
    height: calc(96 * var(--auth-vw) / 750);
    border: 0;
    border-radius: 50%;
    background: #b8e6c8;
    color: #ffffff;
    box-shadow: 0 calc(8 * var(--auth-vw) / 750) calc(24 * var(--auth-vw) / 750) rgba(45, 179, 99, 0.35);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-ic-fab svg {
    width: calc(44 * var(--auth-vw) / 750);
    height: calc(44 * var(--auth-vw) / 750);
}

html.device-pc .uni-app-root.layout-mobile-home .auth-page--ic {
    width: min(430px, 100%);
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 0 1px #e5ebf5;
}

html.device-pc .uni-app-root.layout-mobile-home .auth-ic-fab {
    right: max(calc((100vw - 430px) / 2 + 28 * var(--auth-vw) / 750), calc(28 * var(--auth-vw) / 750));
}