/*!
 * Copyright (c) 2026 sikahaus. All rights reserved.
 *
 * Developer: Christian Sika
 * Company:   sikahaus
 * Created:   2026
 * Website:   https://sikahaus.com
 *
 * SPDX-FileCopyrightText: 2026 sikahaus <https://sikahaus.com>
 * SPDX-License-Identifier: LicenseRef-sikahaus-7de8c18
 */.cc-auth{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--background);color:var(--foreground);font-size:14px;line-height:1.4;letter-spacing:-.01em;color-scheme:dark;overflow-x:hidden;--cc-line:var(--border)}@media (min-width:900px){.cc-auth{grid-template-columns:45fr 55fr}}.cc-auth__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;min-width:0;padding:24px 16px}@media (min-width:640px){.cc-auth__panel{padding:32px clamp(24px,3.7vw,64px)}}.cc-auth__home{display:inline-flex;align-items:center;min-height:44px;color:var(--foreground)}.cc-auth__logo{height:24px}.cc-auth__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:400px}.cc-auth__bug{margin:0;color:var(--danger);font:500 12px/1.4 var(--font-mono),monospace;letter-spacing:0;text-transform:uppercase}.cc-auth__form{min-height:380px}.cc-auth__footnote{margin:0;font-size:12px;color:var(--text-muted)}.cc-auth__footnote p{margin:0}.cc-auth__links{display:flex;flex-wrap:wrap;gap:0 16px;font-size:12px;letter-spacing:0}.cc-auth__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-muted)}.cc-auth__footnote a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.cc-auth__footnote a:hover,.cc-auth__links a:hover{color:var(--foreground)}.cc-auth__scene{position:relative;order:-1;height:168px;overflow:hidden;background:var(--cgx-tab-bar)}@media (min-width:900px){.cc-auth__scene{order:0;position:sticky;top:0;height:100vh;height:100dvh}}.cc-auth__frame{position:absolute;inset:0}.cc-auth__still{object-fit:cover;animation:cc-kb 14s ease forwards,cc-fade .9s ease}@keyframes cc-kb{0%{transform:scale(1.03)}to{transform:scale(1.12)}}@keyframes cc-fade{0%{opacity:0}}.cc-auth__shade{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--cgx-tab-bar) 70%,transparent) 0,transparent 24%,transparent 50%,color-mix(in srgb,var(--cgx-tab-bar) 92%,transparent) 100%)}.cc-auth__hud{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;font:500 12px/1.4 var(--font-mono),monospace;letter-spacing:0;text-transform:uppercase;color:var(--foreground)}@media (min-width:900px){.cc-auth__hud{top:32px;left:48px;right:48px}}.cc-auth__lt{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 32px);animation:cc-rise .6s ease .4s both}@media (min-width:900px){.cc-auth__lt{left:48px;bottom:40px}}.cc-auth__lt b{font-size:18px;font-weight:500;line-height:1.3}.cc-auth__lt span{font:500 12px/1.4 var(--font-mono),monospace;letter-spacing:0;color:var(--text-secondary)}@keyframes cc-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.cc-auth__lt,.cc-auth__still{animation:none}}.cc-auth.cc-auth .cl-cardBox,.cc-auth.cc-auth .cl-rootBox{width:100%;max-width:none}.cc-auth.cc-auth .cl-card,.cc-auth.cc-auth .cl-cardBox{border:0;border-radius:0;box-shadow:none;background:transparent}.cc-auth.cc-auth .cl-card{gap:16px;padding:0}.cc-auth.cc-auth .cl-header{align-items:flex-start;gap:4px;text-align:left}.cc-auth.cc-auth .cl-headerTitle{margin:0;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--foreground)}.cc-auth.cc-auth .cl-headerSubtitle{font-size:14px;line-height:1.4;color:var(--text-secondary);text-align:left}.cc-auth.cc-auth .cl-main{gap:16px}.cc-auth.cc-auth .cl-socialButtons{grid-template-columns:minmax(0,1fr);gap:16px}.cc-auth.cc-auth .cl-socialButtonsBlockButton,.cc-auth.cc-auth .cl-socialButtonsIconButton{min-height:50px;border:1px solid var(--cc-line);border-radius:var(--radius-control);box-shadow:none;background:var(--surface);color:var(--foreground)}.cc-auth.cc-auth .cl-socialButtonsBlockButton:hover,.cc-auth.cc-auth .cl-socialButtonsIconButton:hover{background:var(--surface-muted)}.cc-auth.cc-auth .cl-socialButtonsBlockButtonText{font-size:14px;font-weight:500}.cc-auth.cc-auth .cl-dividerLine{background:var(--cc-line)}.cc-auth.cc-auth .cl-dividerText{font-size:12px;color:var(--text-muted)}.cc-auth.cc-auth .cl-formFieldLabel{font-size:14px;font-weight:500;color:var(--foreground)}.cc-auth.cc-auth .cl-formFieldHintText,.cc-auth.cc-auth .cl-formFieldInfoText{font-size:12px;color:var(--text-muted)}.cc-auth.cc-auth .cl-formFieldInput{min-height:44px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-control);box-shadow:none;background:var(--surface);color:var(--foreground);font-size:14px}.cc-auth.cc-auth .cl-formFieldInput::placeholder{color:var(--text-muted)}.cc-auth.cc-auth .cl-formFieldInput:focus,.cc-auth.cc-auth .cl-formFieldInput:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}.cc-auth.cc-auth .cl-formFieldInput[aria-invalid=true]{border-color:var(--danger)}.cc-auth.cc-auth .cl-formFieldInputShowPasswordButton{color:var(--text-muted)}.cc-auth.cc-auth .cl-formFieldInputShowPasswordButton:hover{color:var(--foreground)}.cc-auth.cc-auth .cl-formFieldErrorText{font-size:12px;color:var(--danger)}.cc-auth.cc-auth .cl-formFieldSuccessText{font-size:12px;color:var(--success)}.cc-auth.cc-auth .cl-otpCodeFieldInputs{gap:8px}.cc-auth.cc-auth .cl-otpCodeFieldInput{height:50px;border:1px solid var(--border-strong);border-radius:var(--radius-control);box-shadow:none;background:var(--surface);color:var(--foreground);font-size:22px;font-weight:600}.cc-auth.cc-auth .cl-otpCodeFieldInput:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}.cc-auth.cc-auth .cl-otpCodeFieldErrorText{color:var(--danger)}.cc-auth.cc-auth .cl-formButtonPrimary{height:50px;border:1px solid var(--cgx-inverse);border-radius:var(--radius-control);box-shadow:none;background:var(--cgx-inverse);color:var(--cgx-on-inverse);font-size:14px;font-weight:500}.cc-auth.cc-auth .cl-formButtonPrimary:after{display:none}.cc-auth.cc-auth .cl-formButtonPrimary:hover{background:var(--cgx-inverse);opacity:.9}.cc-auth.cc-auth .cl-formButtonPrimary[disabled]{opacity:.6;cursor:progress}.cc-auth.cc-auth .cl-alternativeMethodsBlockButton,.cc-auth.cc-auth .cl-backupCodeButton,.cc-auth.cc-auth .cl-formButtonReset{border:1px solid var(--cc-line);border-radius:var(--radius-control);box-shadow:none;background:var(--surface);color:var(--foreground)}.cc-auth.cc-auth .cl-alternativeMethodsBlockButtonText,.cc-auth.cc-auth .cl-backLink,.cc-auth.cc-auth .cl-footerActionLink,.cc-auth.cc-auth .cl-formFieldAction,.cc-auth.cc-auth .cl-formResendCodeLink,.cc-auth.cc-auth .cl-identityPreviewEditButton{color:var(--accent)}.cc-auth.cc-auth .cl-footerActionLink:hover,.cc-auth.cc-auth .cl-formFieldAction:hover,.cc-auth.cc-auth .cl-formResendCodeLink:hover{color:var(--accent-strong);text-decoration:underline}.cc-auth.cc-auth .cl-formFieldAction,.cc-auth.cc-auth .cl-formResendCodeLink{font-size:12px;font-weight:500}.cc-auth.cc-auth .cl-identityPreview{justify-content:flex-start;border:1px solid var(--cc-line);border-radius:var(--radius-control);background:var(--surface)}.cc-auth.cc-auth .cl-identityPreviewText{color:var(--text-secondary)}.cc-auth.cc-auth .cl-alert{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-control);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--foreground)}.cc-auth.cc-auth .cl-alertText{color:var(--foreground);font-size:14px}.cc-auth.cc-auth .cl-footer{align-items:flex-start;justify-content:flex-start;margin-top:0;padding-top:0;border-top:0;background:none}.cc-auth.cc-auth .cl-footerAction{align-items:center;justify-content:flex-start;width:100%;padding:0}.cc-auth.cc-auth .cl-footerActionText{color:var(--text-secondary);font-size:14px}.cc-auth.cc-auth .cl-footerActionLink{font-size:14px;font-weight:500}.cc-auth.cc-auth .cl-footerPages,.cc-auth.cc-auth .cl-footerPagesLink{color:var(--text-muted)}@media (max-width:639px){.cc-auth.cc-auth .cl-footerActionLink{display:inline-flex;align-items:center;min-height:44px}.cc-auth.cc-auth .cl-formFieldInputShowPasswordButton{min-width:44px;min-height:44px}}