/*
 * Auth UI measurement baseline
 * Design artboard: 2560 x 1440 (16:9)
 * Runtime scale: min(viewportWidth / 2560, viewportHeight / 1440)
 */

@media (min-width: 1200px) {
    body.auth-precision-active {
        margin: 0;
        overflow: hidden;
        background: #f5f9ff;
    }

    body.auth-precision-active #opc-app {
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        background:
            radial-gradient(circle at 72% 9%, rgba(109, 141, 255, 0.13), transparent 34%),
            radial-gradient(circle at 22% 70%, rgba(75, 210, 238, 0.08), transparent 34%),
            linear-gradient(135deg, #fbfdff 0%, #f7fbff 52%, #eef5ff 100%);
    }

    .auth-v2-sliced-page {
        --auth-canvas-scale: 1;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 2560px;
        height: 1440px;
        min-height: 1440px;
        grid-template-columns: 1240px 1320px;
        overflow: hidden;
        transform: translate(-50%, -50%) scale(var(--auth-canvas-scale));
        transform-origin: center center;
        background: transparent;
    }

    .auth-v2-sliced-page::before {
        display: none;
    }

    .auth-v2-sliced-hero {
        width: 1240px;
        min-height: 1440px;
        padding: 62px 0 58px 124px;
        overflow: visible;
    }

    .auth-v2-sliced-hero .auth-v2-brand {
        width: 1000px;
        height: 74px;
        gap: 20px;
        font-size: 32px;
    }

    .auth-v2-sliced-hero .auth-v2-brand img {
        width: 74px;
        height: 74px;
    }

    .auth-v2-sliced-hero h1 {
        width: 1080px;
        max-width: none;
        margin-top: 100px;
        font-size: 50px;
        line-height: 58px;
        white-space: nowrap;
    }

    .auth-v2-sliced-hero p {
        width: 1080px;
        max-width: none;
        margin-top: 20px;
        font-size: 22px;
        line-height: 34px;
    }

    .auth-v2-robot-stage {
        width: 1090px;
        max-width: none;
        min-width: 0;
        height: 650px;
        margin: 28px 0 0 -18px;
        background: url('/images/ui/v2-auth-slices/ai-command-visual.png') center / 1090px 650px no-repeat;
    }

    .auth-v2-robot-img,
    .auth-v2-float-card {
        display: none;
    }

    .auth-v2-capabilities {
        left: 124px;
        right: auto;
        bottom: 150px;
        width: 980px;
        grid-template-columns: repeat(4, 1fr);
        gap: 34px;
    }

    .auth-v2-cap-icon {
        width: 108px;
        height: 108px;
        border-radius: 0;
        color: transparent;
        background-color: transparent;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 130px 130px;
        box-shadow: none;
        font-size: 0;
    }

    .auth-v2-capabilities div:nth-child(1) .auth-v2-cap-icon {
        background-image: url('/images/ui/v2-auth-slices/capability-ai-team.png');
    }

    .auth-v2-capabilities div:nth-child(2) .auth-v2-cap-icon {
        background-image: url('/images/ui/v2-auth-slices/capability-data.png');
    }

    .auth-v2-capabilities div:nth-child(3) .auth-v2-cap-icon {
        background-image: url('/images/ui/v2-auth-slices/capability-process.png');
    }

    .auth-v2-capabilities div:nth-child(4) .auth-v2-cap-icon {
        background-image: url('/images/ui/v2-auth-slices/capability-memory.png');
    }

    .auth-v2-capabilities b {
        font-size: 18px;
        line-height: 26px;
    }

    .auth-v2-capabilities small {
        font-size: 14px;
        line-height: 20px;
    }

    .auth-v2-sliced-panel-wrap {
        width: 1320px;
        min-height: 1440px;
        margin-left: 0;
        padding: 0 0 0 160px;
        place-items: center start;
    }

    .auth-v2-sliced-panel {
        width: 720px;
        min-width: 720px;
        height: 960px;
        padding: 48px 44px 36px;
        border-radius: 30px;
    }

    .auth-v2-sliced-panel .auth-tabs {
        height: 80px;
        margin-bottom: 42px;
        border-radius: 20px;
    }

    .auth-v2-sliced-panel .auth-tab {
        height: 80px;
        border-radius: 20px;
        font-size: 22px;
    }

    .auth-v2-sliced-panel .login-form {
        gap: 24px;
    }

    .auth-v2-sliced-panel .field {
        gap: 16px;
    }

    .auth-v2-sliced-panel .field span,
    .auth-v2-sliced-panel .auth-v2-check,
    .auth-v2-sliced-panel .auth-link {
        font-size: 18px;
    }

    .auth-v2-sliced-panel .input {
        min-height: 68px;
        border-radius: 16px;
        padding: 0 24px;
        font-size: 17px;
    }

    .auth-v2-sliced-panel .auth-v2-submit {
        height: 76px;
        margin-top: 14px;
        border-radius: 16px;
        font-size: 23px;
    }

    .auth-v2-other-login {
        margin-top: 30px;
        gap: 18px;
        font-size: 16px;
    }

    .auth-v2-other-login button {
        width: 74px;
        height: 74px;
        margin-top: 14px;
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .auth-v2-other-login img {
        width: 74px;
        height: 74px;
    }

    .auth-v2-sliced-panel.is-register .auth-tabs {
        margin-bottom: 32px;
    }

    .auth-v2-sliced-panel.is-register .login-form {
        gap: 18px;
    }

    .auth-v2-sliced-panel.is-register .field {
        gap: 10px;
    }

    .auth-v2-sliced-panel.is-register .input {
        min-height: 64px;
    }

    .auth-v2-sliced-panel.is-register .auth-v2-inline-note {
        min-height: 38px;
        padding: 9px 14px;
        font-size: 12px;
    }

    .auth-v2-sliced-panel.is-register .auth-v2-actions {
        margin-top: 0;
    }

    .auth-v2-sliced-panel.is-register .auth-v2-submit {
        height: 72px;
        margin-top: 2px;
    }

    .auth-v2-sliced-panel.is-register .auth-v2-other-login {
        margin-top: 20px;
    }

    .auth-v2-agreement {
        z-index: 20;
        bottom: 24px;
        font-size: 17px;
    }

    .auth-forgot-modal {
        position: absolute;
        z-index: 30;
        top: 358px;
        right: 28px;
        width: 530px;
        height: 800px;
        padding: 52px 42px 44px;
        border: 1px solid rgba(195, 211, 241, 0.9);
        border-radius: 30px;
        color: #101a3a;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 28px 90px rgba(56, 91, 150, 0.18);
        backdrop-filter: blur(22px);
    }

    .auth-forgot-close {
        position: absolute;
        top: 34px;
        right: 34px;
        width: 38px;
        height: 38px;
        border: 0;
        color: #59709f;
        background: transparent;
        font-size: 34px;
        line-height: 34px;
        cursor: pointer;
    }

    .auth-forgot-modal h2 {
        margin: 0 0 46px;
        font-size: 28px;
        line-height: 40px;
    }

    .auth-forgot-form {
        display: grid;
        gap: 28px;
    }

    .auth-forgot-form label {
        display: grid;
        gap: 14px;
        font-size: 17px;
        font-weight: 760;
    }

    .auth-forgot-form .input {
        width: 100%;
        height: 64px;
        border: 1px solid #d8e3f4;
        border-radius: 14px;
        padding: 0 20px;
        color: #17244d;
        background: #fff;
        font-size: 16px;
    }

    .auth-code-row {
        position: relative;
        display: block;
    }

    .auth-code-row .input {
        padding-right: 138px;
    }

    .auth-code-row button {
        position: absolute;
        top: 13px;
        right: 14px;
        height: 38px;
        border: 0;
        border-left: 1px solid #e2e9f5;
        padding: 0 0 0 20px;
        color: #176fff;
        background: transparent;
        font-size: 15px;
        font-weight: 760;
        cursor: pointer;
    }

    .auth-forgot-result {
        min-height: 20px;
        margin: -12px 0 -14px;
        color: #607198;
        font-size: 13px;
    }

    .auth-forgot-submit {
        height: 72px;
        margin-top: 2px;
        border-radius: 15px;
        font-size: 20px;
    }
}