.x2-auth{display:flex;min-height:100vh;background:var(--x2-bg-page)}.x2-auth--split{flex-direction:row}.x2-auth--centered{align-items:center;justify-content:center;background:linear-gradient(135deg, #f0f4ff 0%, #f5f6f8 50%, #eef8f3 100%);padding:var(--x2-space-xl)}.x2-auth__left{flex:1;background:linear-gradient(158deg, #102a6b 0%, var(--x2-color-primary) 62%, var(--x2-color-primary-hover) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px
7%;position:relative;overflow:hidden}.x2-auth__left::before{content:'';position:absolute;top:-140px;right:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 70%);pointer-events:none}.x2-auth__left::after{content:'';position:absolute;bottom:-120px;left:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 70%);pointer-events:none}.x2-auth__left-content{position:relative;z-index:1;width:100%;max-width:440px;margin:0
auto;display:flex;flex-direction:column;min-height:0}.x2-auth__left-logo{margin-bottom:44px}.x2-auth__left-logo
img{display:block;height:52px;width:auto}.x2-auth__left-title{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-0.4px;margin:0
0 var(--x2-space-md)}.x2-auth__left-subtitle{font-size:15px;opacity:0.78;margin:0
0 40px;line-height:1.5;max-width:24em}.x2-auth__left-features{display:flex;flex-direction:column;gap:22px;margin-bottom:40px}.x2-auth__left-feature{display:flex;align-items:flex-start;gap:14px}.x2-auth__left-feature-icon{width:42px;height:42px;border-radius:var(--x2-radius-md);background:rgba(255, 255, 255, 0.12);border:1px
solid rgba(255,255,255,0.16);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.x2-auth__left-feature-title{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:2px}.x2-auth__left-feature-desc{font-size:13px;opacity:0.68;line-height:1.45}.x2-auth__left-feature-text{font-size:var(--x2-fs-caption);line-height:1.4}.x2-auth__left-feature-text
b{display:block;font-weight:600}.x2-auth__left-feature-text
span{opacity:0.6}.x2-auth__left-footer{font-size:12px;opacity:0.6;padding-top:18px;border-top:1px solid rgba(255,255,255,0.16);margin-top:auto}.x2-auth__right{width:480px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px
40px}.x2-auth__right-inner{width:100%;max-width:380px}.x2-auth__mobile-logo{display:none}.x2-auth__mobile-logo
img{display:block;height:60px;width:auto}.x2-auth__card{width:420px;max-width:100%;background:var(--x2-bg-page);border-radius:var(--x2-radius-lg);box-shadow:var(--x2-shadow-lg);padding:var(--x2-space-xxl) 28px}.x2-auth__logo{margin-bottom:var(--x2-space-xl)}.x2-auth__logo
img{display:block;height:56px;width:auto}.x2-auth__form{width:100%}.x2-auth__title{font-size:26px;font-weight:700;letter-spacing:-0.4px;color:var(--x2-text-primary);margin:0
0 var(--x2-space-md);line-height:1.25}.x2-auth__subtitle{font-size:var(--x2-fs-detail);color:var(--x2-text-muted);margin:0
0 var(--x2-space-xl);line-height:1.4}.x2-auth__row{display:flex;gap:12px}.x2-auth__field--half{flex:1;min-width:0}.x2-auth__field{margin-bottom:16px}.x2-auth__label{display:block;font-size:var(--x2-fs-caption);font-weight:500;color:var(--x2-text-default);margin-bottom:var(--x2-space-xs)}.x2-auth__label .x2-auth__required{color:var(--x2-color-danger);margin-left:2px}.x2-auth__input{width:100%;box-sizing:border-box;background:var(--x2-bg-input);border:1px
solid var(--x2-border);border-radius:var(--x2-radius-md);padding:10px
14px;font-size:var(--x2-fs-detail);color:var(--x2-text-primary);font-family:inherit;line-height:1.5;transition:border-color var(--x2-tr-fast), background var(--x2-tr-fast), box-shadow var(--x2-tr-fast);outline:none;-webkit-appearance:none;appearance:none}.x2-auth__input::placeholder{color:var(--x2-text-muted)}.x2-auth__input:hover{background:var(--x2-bg-hover-dark);border-color:#d1d5db}.x2-auth__input:focus{background:var(--x2-bg-page);border-color:var(--x2-color-primary);box-shadow:0 0 0 3px rgba(var(--x2-color-primary-rgb),0.12)}.x2-auth__input.is-error{border-color:var(--x2-color-danger);box-shadow:0 0 0 3px rgba(var(--x2-color-danger-rgb),0.1)}.x2-auth__checkbox{display:flex;align-items:flex-start;gap:var(--x2-space-sm);margin-bottom:var(--x2-space-md);cursor:pointer}.x2-auth__checkbox input[type="checkbox"]{margin-top:2px;flex-shrink:0;accent-color:var(--x2-color-primary);width:15px;height:15px;cursor:pointer}.x2-auth__checkbox-label{font-size:var(--x2-fs-caption);color:var(--x2-text-secondary);line-height:1.4}.x2-auth__checkbox-label
a{color:var(--x2-color-primary);text-decoration:none}.x2-auth__checkbox-label a:hover{text-decoration:underline}.x2-auth__submit{display:flex;width:100%;align-items:center;justify-content:center;padding:13px
var(--x2-space-xl);background:var(--x2-color-primary);border:none;border-radius:var(--x2-radius-md);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--x2-tr-fast), box-shadow var(--x2-tr-fast), transform var(--x2-tr-fast);box-shadow:0 6px 16px rgba(var(--x2-color-primary-rgb),0.28);text-decoration:none;text-align:center;margin-bottom:var(--x2-space-md)}.x2-auth__submit:hover,.x2-auth__submit:focus{background:var(--x2-color-primary-hover);color:#fff;text-decoration:none;outline:none;box-shadow:0 8px 22px rgba(var(--x2-color-primary-rgb),0.36)}.x2-auth__submit:active{background:var(--x2-color-primary-hover);transform:translateY(1px);box-shadow:0 4px 12px rgba(var(--x2-color-primary-rgb),0.28)}.x2-auth__forgot{text-align:right;margin-bottom:20px}.x2-auth__forgot
a{font-size:12px;color:var(--x2-color-primary);text-decoration:none}.x2-auth__forgot a:hover{text-decoration:underline}.x2-auth__link{text-align:center;font-size:var(--x2-fs-caption);color:var(--x2-text-secondary);margin-top:var(--x2-space-sm)}.x2-auth__link
a{color:var(--x2-color-primary);text-decoration:none}.x2-auth__link a:hover{text-decoration:underline}.x2-auth__divider{display:flex;align-items:center;gap:var(--x2-space-md);margin:var(--x2-space-lg) 0;color:var(--x2-text-muted);font-size:var(--x2-fs-caption)}.x2-auth__divider::before,.x2-auth__divider::after{content:'';flex:1;height:1px;background:var(--x2-border)}.x2-auth__error{font-size:var(--x2-fs-micro);color:var(--x2-color-danger);margin-top:var(--x2-space-xs)}@media (max-width: 768px){.x2-auth--split .x2-auth__left{display:none}.x2-auth--split .x2-auth__right{width:100%;padding:48px
24px 24px;align-items:flex-start}.x2-auth__mobile-logo{display:block;margin-bottom:20px;text-align:center}.x2-auth__mobile-logo
img{margin-left:auto;margin-right:auto}.x2-auth--split .x2-auth__title{text-align:center}.x2-auth__right-inner{max-width:100%}.x2-auth__row{flex-direction:column;gap:0}.x2-auth--centered{align-items:flex-start;padding:var(--x2-space-xl) var(--x2-space-lg);padding-top:48px;background:var(--x2-bg-page)}.x2-auth--centered .x2-auth__card{width:100%;box-shadow:none;padding:0}}.x2-oauth__account{display:flex;align-items:center;gap:var(--x2-space-md);padding:var(--x2-space-md);margin-bottom:var(--x2-space-lg);background:var(--x2-bg-hover);border-radius:var(--x2-radius-md)}.x2-oauth__account>.fa-user-circle{font-size:28px;color:var(--x2-text-muted)}.x2-oauth__account-email{font-weight:600;color:var(--x2-text-primary);word-break:break-all}.x2-oauth__account-company{font-size:var(--x2-fs-caption);color:var(--x2-text-secondary)}.x2-oauth__scopes-title{font-size:var(--x2-fs-caption);color:var(--x2-text-muted);margin-bottom:var(--x2-space-sm)}.x2-oauth__scopes{list-style:none;padding:0;margin:0
0 var(--x2-space-xl)}.x2-oauth__scope{display:flex;align-items:flex-start;gap:var(--x2-space-sm);padding:var(--x2-space-sm) 0;color:var(--x2-text-default);line-height:1.4}.x2-oauth__scope>.fa-check{color:var(--x2-color-success);margin-top:3px}.x2-oauth__scope-label{display:flex;align-items:flex-start;gap:var(--x2-space-sm);font-weight:normal;margin:0;cursor:pointer}.x2-oauth__scope-label
input{margin-top:3px}.x2-oauth__deny{display:block;width:100%;margin-top:var(--x2-space-sm);padding:12px
var(--x2-space-xl);background:transparent;border:1px
solid var(--x2-border);border-radius:var(--x2-radius-md);color:var(--x2-text-default);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.x2-oauth__deny:hover{background:var(--x2-bg-hover)}.x2-oauth__note{margin:var(--x2-space-lg) 0 0;font-size:var(--x2-fs-caption);color:var(--x2-text-muted);line-height:1.4}.x2-auth__divider{display:flex;align-items:center;gap:var(--x2-space-md);margin:var(--x2-space-lg) 0;color:var(--x2-text-muted);font-size:var(--x2-fs-caption)}.x2-auth__divider::before,.x2-auth__divider::after{content:'';flex:1;height:1px;background:var(--x2-border)}.x2-auth__google{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--x2-space-sm);padding:12px
var(--x2-space-xl);background:var(--x2-bg-card);border:1px
solid var(--x2-border);border-radius:var(--x2-radius-md);color:var(--x2-text-primary);font-size:15px;font-weight:600;text-decoration:none;transition:background var(--x2-tr-fast)}.x2-auth__google:hover,.x2-auth__google:focus{background:var(--x2-bg-hover);color:var(--x2-text-primary);text-decoration:none}