:root {--brandColor: #38bdf8;--brandTextColor: #0c1220;--backgroundColor: #0c1220;--navBackgroundColor: #07101e;--textColor: #e2e8f0;--color-muted: #6b8799;--wa-form-control-label-font-weight: 700;--wa-form-control-label-color: #e2e8f0;--wa-form-control-background-color: rgba(255,255,255,0.07);--wa-form-control-value-color: #e2e8f0;--wa-form-control-border-color: rgba(255,255,255,0.15);--wa-color-brand-500: #38bdf8;--wa-color-success-50:#38bdf8;--wa-color-success-100: rgba(56,189,248,0.12);--wa-color-success-200: rgba(56,189,248,0.25);--wa-color-success-300: #7dd3fc;--wa-color-success-400: #56cbf9;--wa-color-success-500: #38bdf8;--wa-color-success-600: #0ea5e9;--wa-color-success-700: #0284c7;--wa-color-success-800: #0369a1;--wa-color-success-900: #075985;--wa-color-success-950: #0c4a6e;}html, body { height: 100%; min-height: 100%; }body {min-height: 100%;margin: 0;background: var(--navBackgroundColor);font: 16px 'Roboto', sans-serif;line-height: 1.5em;color: var(--textColor);}img, input[type=image] { border: 0; vertical-align: middle; }a:link, a:visited, a:active { color: var(--brandColor); text-decoration: none; }a:focus { outline: 0; }a:hover { opacity: 0.8; text-decoration: underline; }form { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 900; }h1 { font-size: 32px; margin: 0 0 10px; font-weight: 900; }.page { height: 100%; }.page .grid-wrap {height: 100%;display: grid;grid-template-columns: 1fr 1fr;position: relative;}.page .graphic {background-color: #0c1220;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}.page .graphic .graphic-overlay {height: 100%;display: flex;align-items: flex-start;justify-content: flex-start;padding: 30px;background: linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0.0));}.page .graphic .logo { text-align: center; padding-bottom: 30px; }.page .graphic .logo a {font-size: 28px;font-weight: 900;color: #fff;text-decoration: none;display: flex;align-items: center;gap: 10px;}.logo-icon {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--brandColor);color: var(--brandTextColor);border-radius: 8px;font-weight: 900;font-size: 0.85em;flex-shrink: 0;}.logo-icon-img {height: 36px;width: auto;flex-shrink: 0;}.page .content {flex-basis: 40%;display: flex;align-items: center;justify-content: center;padding: 15px;overflow: auto;background: var(--backgroundColor);}.page .content .wrap {max-width: 500px;width: 100%;border-radius: 10px;padding: 30px;background-color: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);}.page .content h1 { color: var(--textColor); }.page .content p { color: var(--color-muted); margin: 0 0 20px; }@media all AND (max-width: 991px) {.page .wrap { width: 100% !important; }}@media all AND (max-width: 767px) {.hide-mobile { display: none !important; }.break-mobile { display: block; }.page .grid-wrap { grid-template-columns: 1fr; }.page .graphic {position: absolute;top: 0; left: 0;width: 100%; height: 100%;z-index: 1;}.page .graphic .graphic-overlay .logo { display: none; }.page .content {background: rgba(7,16,30,0.92);position: relative;z-index: 10;height: 100%;}.page .content .wrap { padding: 15px; text-align: center; }}