:root { color-scheme: dark; }
html, body { min-width: 320px; min-height: 100%; background: #000 !important; }
body { overflow-x: clip; }

.omixa-liquid-glass-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.auth-public-shell {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    isolation: isolate;
    color: #f7f9ff;
    background: #000;
}
.auth-public-shell::after {
    content: "";
    position: fixed;
    inset: auto 0 0;
    z-index: 1;
    height: 230px;
    background: linear-gradient(to bottom, transparent, #000 88%);
    pointer-events: none;
}
.auth-public-shell-no-bottom-fade::after {
    display: none;
}
.auth-page-video {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    filter: blur(35px) saturate(1.06);
    transform: scale(1.08);
    pointer-events: none;
}
.auth-home-link {
    position: fixed;
    top: 26px;
    left: 32px;
    z-index: 20;
    width: 116px;
}
.auth-home-link img { width: 100%; height: auto; }
.auth-public-content {
    position: relative;
    z-index: 5;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 106px 22px 72px;
}
.auth-public-content .auth-wrap {
    width: min(620px, 100%);
    height: auto;
    min-height: auto;
    display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent !important;
}
.auth-public-content .auth-panel,
.auth-public-content .auth-panel-direct {
    width: 100%;
    min-width: 0;
    min-height: auto;
    display: block;
    grid-column: auto;
    padding: 0;
    color: #f7f9ff;
    background: transparent;
}
.auth-public-content .auth-panel::before,
.auth-public-content .auth-panel-direct::before { display: none; }
.auth-public-content .auth-card,
.auth-public-content .auth-form-stage,
.auth-public-content .auth-panel > .auth-flow-content {
    width: 100%;
    min-height: auto;
    padding: clamp(26px, 5vw, 48px);
    border: 1px solid rgba(152, 185, 255, .2);
    border-radius: 28px;
    color: #f7f9ff;
    background: linear-gradient(145deg, rgba(5, 13, 29, .98), rgba(2, 7, 16, .96));
    box-shadow: 0 38px 110px rgba(0, 0, 0, .58);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.auth-public-content .auth-form-stage .auth-flow-content { padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.auth-public-content .auth-form-stage-register { padding-block: clamp(24px, 4vw, 38px); }
.auth-public-content .auth-brand { margin-bottom: 34px; }
.auth-public-content .auth-brand .brand-logo { width: 148px; filter: none; }
.auth-public-content .brand-subtitle,
.auth-public-content .muted,
.auth-public-content .auth-switch span,
.auth-public-content .auth-panel .muted,
.auth-public-content .auth-panel > .muted { color: #9ca7bc !important; }
.auth-public-content .auth-eyebrow { color: #81adff; }
.auth-public-content .auth-header h1,
.auth-public-content .auth-panel h1 {
    color: #fff;
    font-size: clamp(37px, 6vw, 58px);
    line-height: .98;
    letter-spacing: -.045em;
}
.auth-public-content .auth-header p { line-height: 1.65; }
.auth-public-content .field label { color: #c9d1e1 !important; }
.auth-public-content .auth-panel input:not([type="checkbox"]),
.auth-public-content .auth-panel select,
.auth-public-content .auth-panel textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(152, 185, 255, .18);
    border-radius: 11px;
    outline: none;
    color: #fff;
    background: rgba(0, 0, 0, .38);
}
.auth-public-content .auth-panel input:not([type="checkbox"]):focus,
.auth-public-content .auth-panel select:focus,
.auth-public-content .auth-panel textarea:focus {
    border-color: rgba(73, 145, 255, .72);
    box-shadow: 0 0 0 3px rgba(20, 115, 255, .13);
}
.auth-public-content .auth-provider-btn,
.auth-public-content .auth-email-toggle,
.auth-public-content .auth-check {
    border-color: rgba(152, 185, 255, .16);
    color: #eef3ff;
    background: rgba(255, 255, 255, .05);
}
.auth-public-content .auth-provider-btn:hover,
.auth-public-content .auth-email-toggle:hover {
    border-color: rgba(90, 154, 255, .58);
    background: rgba(24, 93, 205, .16);
}
.auth-public-content .auth-divider::before,
.auth-public-content .auth-divider::after { background: rgba(255, 255, 255, .1); }
.auth-public-content .auth-divider span { color: #7f899c; background: transparent; }
.auth-public-content .btn.primary {
    border-color: rgba(255, 255, 255, .78);
    color: #0b64ef;
    background: #fff;
}
.auth-public-content .btn.primary:hover {
    color: #fff;
    border-color: #3387ff;
    background: #0b68ff;
}
.auth-public-content .auth-text-link,
.auth-public-content .auth-switch a { color: #79aaff; }
.auth-public-content .auth-text-link:hover,
.auth-public-content .auth-switch a:hover { color: #fff; }
.auth-public-content .auth-side { display: none !important; }
.auth-public-shell > .gradual-blur-page { z-index: 4 !important; }

.auth-floating-assets {
    position: fixed;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}
.auth-float {
    position: absolute;
    width: clamp(64px, 7vw, 104px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    padding: clamp(13px, 1.5vw, 21px);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 24px;
    background: rgba(7, 16, 35, .92);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    animation: authFloat 6.5s ease-in-out infinite;
}
.auth-float img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1) brightness(0) invert(1);
    opacity: .9;
}
.auth-float-1 { top: 18%; left: 9%; transform: rotate(-9deg); }
.auth-float-2 { top: 20%; right: 10%; transform: rotate(8deg); animation-delay: -1.5s; }
.auth-float-3 { bottom: 13%; left: 13%; transform: rotate(7deg); animation-delay: -3s; }
.auth-float-4 { right: 12%; bottom: 12%; transform: rotate(-7deg); animation-delay: -4.4s; }
@keyframes authFloat {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -18px; }
}
@media (max-width: 980px) {
    .auth-float { width: 72px; opacity: .72; }
    .auth-float-1 { left: 3%; }
    .auth-float-2 { right: 3%; }
    .auth-float-3 { left: 4%; }
    .auth-float-4 { right: 4%; }
}
@media (max-width: 760px) {
    .auth-home-link { top: 20px; left: 20px; width: 104px; }
    .auth-public-content { align-items: start; padding: 88px 14px 50px; }
    .auth-public-content .auth-card,
    .auth-public-content .auth-form-stage,
    .auth-public-content .auth-panel > .auth-flow-content { padding: 24px 19px; border-radius: 22px; }
    .auth-public-content .auth-form-stage .auth-flow-content { padding: 0; }
    .auth-float { width: 55px; padding: 11px; border-radius: 17px; opacity: .48; }
    .auth-float-1 { top: 8%; left: auto; right: 18px; }
    .auth-float-2 { top: 42%; right: -13px; }
    .auth-float-3 { bottom: 8%; left: -10px; }
    .auth-float-4 { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .auth-float { animation: none; }
}