/* ═══════════════════════════════════════════════════
   AOG Register — Fullscreen Split-Panel v2.2
   Alliance Optics Group brand colors
   All protected with !important for WP/Elementor
   ═══════════════════════════════════════════════════ */

/* ─── Reset & Variables ────────────────────────── */
.aog-reg, .aog-reg *, .aog-reg *::before, .aog-reg *::after {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}
.aog-reg {
    --aogr-primary: #026db8;
    --aogr-primary-light: #0297ff;
    --aogr-primary-dark: #015a96;
    --aogr-bg-dark: #071224;
    --aogr-surface: #ffffff;
    --aogr-border: #e2e8f0;
    --aogr-text: #0f172a;
    --aogr-text-sec: #64748b;
    --aogr-text-light: #94a3b8;
    --aogr-success: #10b981;
}

/* ─── Fullscreen Container ─────────────────────── */
.aog-reg {
    display: flex !important;
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    z-index: 99999 !important;
    overflow: hidden !important;
    font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    line-height: 1.6 !important;
    color: var(--aogr-text) !important;
    background: var(--aogr-bg-dark) !important;
    border: none !important; border-radius: 0 !important; box-shadow: none !important;
}
body.aog-register-active { overflow: hidden !important; margin-top: 0 !important; }
body.aog-register-active #wpadminbar,
body.aog-register-active .admin-bar,
body.aog-register-active header,
body.aog-register-active footer,
body.aog-register-active .site-header,
body.aog-register-active .site-footer,
body.aog-register-active .elementor-location-header,
body.aog-register-active .elementor-location-footer { display: none !important; }

/* ─── LEFT PANEL ───────────────────────────────── */
.aog-reg__left {
    flex: 1 1 50% !important; max-width: 50% !important;
    display: flex !important; flex-direction: column !important;
    justify-content: center !important; align-items: flex-start !important;
    padding: 60px 56px !important;
    background-color: var(--aogr-bg-dark) !important;
    background-size: cover !important; background-position: center !important;
    position: relative !important; overflow: hidden !important; min-width: 0 !important;
}
.aog-reg__left-overlay {
    position: absolute !important; inset: 0 !important;
    background: var(--aogr-bg-dark) !important; opacity: 0.75 !important;
    z-index: 0 !important; pointer-events: none !important;
}
.aog-reg__left:not([style*="background-image"]) .aog-reg__left-overlay { display: none !important; }

/* Animated glow orbs */
.aog-reg__left-glow1 {
    position: absolute !important; top: -25% !important; right: -15% !important;
    width: 600px !important; height: 600px !important;
    background: radial-gradient(circle,rgba(2,109,184,0.20) 0%,transparent 65%) !important;
    pointer-events: none !important; z-index: 1 !important;
    animation: aogGlow1 8s ease-in-out infinite !important;
}
.aog-reg__left-glow2 {
    position: absolute !important; bottom: -15% !important; left: -10% !important;
    width: 500px !important; height: 500px !important;
    background: radial-gradient(circle,rgba(56,189,248,0.12) 0%,transparent 65%) !important;
    pointer-events: none !important; z-index: 1 !important;
    animation: aogGlow2 10s ease-in-out infinite !important;
}
.aog-reg__left-glow3 {
    position: absolute !important; top: 40% !important; left: 30% !important;
    width: 400px !important; height: 400px !important;
    background: radial-gradient(circle,rgba(2,151,255,0.08) 0%,transparent 60%) !important;
    pointer-events: none !important; z-index: 1 !important;
    animation: aogGlow3 12s ease-in-out infinite !important;
}
@keyframes aogGlow1 { 0%,100%{transform:translate(0,0) scale(1);opacity:1} 50%{transform:translate(-20px,15px) scale(1.08);opacity:.8} }
@keyframes aogGlow2 { 0%,100%{transform:translate(0,0) scale(1);opacity:1} 50%{transform:translate(15px,-10px) scale(1.05);opacity:.7} }
@keyframes aogGlow3 { 0%,100%{transform:translate(0,0) scale(1);opacity:.6} 50%{transform:translate(-10px,-20px) scale(1.1);opacity:1} }

.aog-reg__left-content {
    position: relative !important; z-index: 2 !important;
    width: 100% !important; max-width: 500px !important;
    display: flex !important; flex-direction: column !important;
    height: 100% !important; justify-content: center !important;
}

/* ─── Left-panel animated entrance ─────────────── */
/* Elements start hidden, JS adds .aog-reg--revealed to parent */
.aog-reg__brand,
.aog-reg__promo,
.aog-reg__metrics,
.aog-reg__floats {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s cubic-bezier(0.4,0,0.2,1), transform 0.65s cubic-bezier(0.4,0,0.2,1) !important;
}

/* When JS reveals — staggered via transition-delay */
.aog-reg--revealed .aog-reg__brand {
    opacity: 1 !important; transform: translateY(0) !important;
    transition-delay: 0.1s !important;
}
.aog-reg--revealed .aog-reg__promo {
    opacity: 1 !important; transform: translateY(0) !important;
    transition-delay: 0.25s !important;
}
.aog-reg--revealed .aog-reg__metrics {
    opacity: 1 !important; transform: translateY(0) !important;
    transition-delay: 0.4s !important;
}
.aog-reg--revealed .aog-reg__floats {
    opacity: 1 !important; transform: translateY(0) !important;
    transition-delay: 0.55s !important;
}

/* ─── Brand ────────────────────────────────────── */
.aog-reg__brand {
    display: flex !important; align-items: center !important; gap: 14px !important;
    margin-bottom: 48px !important;
}
.aog-reg__brand-logo {
    height: 42px !important; width: auto !important;
    object-fit: contain !important; flex-shrink: 0 !important;
    border: none !important; background: none !important; border-radius: 0 !important;
}
.aog-reg__brand-icon {
    width: 42px !important; height: 42px !important;
    background: linear-gradient(135deg,#026db8,#0297ff) !important;
    border-radius: 11px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important; box-shadow: 0 4px 12px rgba(2,109,184,.3) !important;
}
.aog-reg__brand-icon svg { width: 22px !important; height: 22px !important; }
.aog-reg__brand-name {
    font-size: 19px !important; font-weight: 700 !important;
    color: #fff !important; letter-spacing: -.3px !important; line-height: 1.2 !important;
}

/* ─── Promo ────────────────────────────────────── */
.aog-reg__promo {
    max-width: 500px !important;
}
.aog-reg__promo-title {
    font-size: 42px !important; font-weight: 800 !important; line-height: 1.12 !important;
    color: #fff !important; letter-spacing: -1.5px !important; margin-bottom: 20px !important;
}
.aog-reg__gradient-text {
    background: linear-gradient(135deg,#38bdf8,#0297ff,#026db8) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    background-clip: text !important; color: transparent !important;
}
.aog-reg__promo-sub {
    font-size: 15.5px !important; line-height: 1.7 !important;
    color: var(--aogr-text-light) !important; margin-bottom: 42px !important; max-width: 440px !important;
}

/* ─── Trust Metrics ────────────────────────────── */
.aog-reg__metrics {
    display: flex !important; gap: 40px !important;
}
.aog-reg__metric { display: flex !important; flex-direction: column !important; gap: 4px !important; position: relative !important; }
.aog-reg__metric::after {
    content: '' !important; position: absolute !important;
    right: -20px !important; top: 4px !important; bottom: 4px !important;
    width: 1px !important; background: rgba(255,255,255,.12) !important;
}
.aog-reg__metric:last-child::after { display: none !important; }
.aog-reg__metric-val {
    font-size: 30px !important; font-weight: 800 !important;
    color: #fff !important; letter-spacing: -.8px !important; line-height: 1.15 !important;
}
.aog-reg__metric-lbl {
    font-size: 13px !important; color: var(--aogr-text-light) !important;
    font-weight: 500 !important; line-height: 1.3 !important;
}

/* ─── Floating Cards ───────────────────────────── */
.aog-reg__floats {
    display: flex !important; gap: 12px !important;
    margin-top: auto !important; padding-top: 48px !important;
}
.aog-reg__float {
    flex: 1 !important;
    background: rgba(255,255,255,.04) !important;
    backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255,255,255,.07) !important; border-radius: 14px !important;
    padding: 16px !important; display: flex !important; align-items: center !important; gap: 12px !important;
    transition: background .3s ease, border-color .3s ease, transform .3s ease !important;
}
.aog-reg__float:hover {
    background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important;
    transform: translateY(-2px) !important;
}
.aog-reg__float-icon {
    width: 38px !important; height: 38px !important; border-radius: 10px !important;
    display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
}
.aog-reg__float-icon--blue  { background: rgba(2,109,184,.18) !important; }
.aog-reg__float-icon--sky   { background: rgba(56,189,248,.15) !important; }
.aog-reg__float-icon--green { background: rgba(16,185,129,.15) !important; }
.aog-reg__float-icon svg { width: 18px !important; height: 18px !important; }
.aog-reg__float-text {
    font-size: 12.5px !important; color: rgba(255,255,255,.65) !important;
    font-weight: 500 !important; line-height: 1.4 !important;
}

/* ─── RIGHT PANEL ──────────────────────────────── */
.aog-reg__right {
    flex: 1 1 50% !important; max-width: 50% !important;
    display: flex !important; flex-direction: column !important;
    background: var(--aogr-surface) !important;
    position: relative !important; overflow: hidden !important; min-width: 0 !important;
}
.aog-reg__right-inner {
    flex: 1 !important; display: flex !important; flex-direction: column !important;
    justify-content: center !important; padding: 48px 56px !important;
    overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;
}
.aog-reg__right-inner::-webkit-scrollbar       { width: 4px !important; }
.aog-reg__right-inner::-webkit-scrollbar-track  { background: transparent !important; }
.aog-reg__right-inner::-webkit-scrollbar-thumb  { background: var(--aogr-border) !important; border-radius: 4px !important; }

/* Login Link */
.aog-reg__login-link {
    position: absolute !important; top: 28px !important; right: 56px !important;
    font-size: 13px !important; color: var(--aogr-text-sec) !important; z-index: 10 !important;
}
.aog-reg__login-link a {
    color: var(--aogr-primary) !important; text-decoration: none !important; font-weight: 600 !important;
    transition: color .15s !important;
}
.aog-reg__login-link a:hover { color: var(--aogr-primary-dark) !important; text-decoration: underline !important; }

/* Step Badge */
.aog-reg__step-badge {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    padding: 5px 14px !important; background: rgba(2,109,184,.08) !important;
    color: var(--aogr-primary) !important; border-radius: 20px !important;
    font-size: 11.5px !important; font-weight: 700 !important; text-transform: uppercase !important;
    letter-spacing: .8px !important; margin-bottom: 16px !important; border: none !important;
}
.aog-reg__section-title {
    font-size: 27px !important; font-weight: 700 !important; color: var(--aogr-text) !important;
    letter-spacing: -.6px !important; margin-bottom: 8px !important; line-height: 1.2 !important;
}
.aog-reg__section-sub {
    font-size: 14.5px !important; color: var(--aogr-text-sec) !important;
    margin-bottom: 32px !important; line-height: 1.55 !important;
}

/* ─── Profile Cards ────────────────────────────── */
.aog-reg__profile-cards { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.aog-reg__profile-card {
    display: flex !important; align-items: center !important; gap: 18px !important;
    padding: 22px 24px !important; border: 1.5px solid var(--aogr-border) !important;
    border-radius: 14px !important; cursor: pointer !important;
    transition: all .25s cubic-bezier(.4,0,.2,1) !important;
    background: var(--aogr-surface) !important; position: relative !important;
    /* Stagger entrance — JS adds .aog-reg--visible */
    opacity: 0; transform: translateY(16px);
}
.aog-reg__profile-card.aog-reg--visible {
    opacity: 1 !important; transform: translateY(0) !important;
}
.aog-reg__profile-card:hover {
    border-color: var(--aogr-primary) !important;
    background: rgba(2,109,184,.02) !important;
    box-shadow: 0 0 0 3px rgba(2,109,184,.08),0 4px 16px rgba(2,109,184,.06) !important;
    transform: translateY(-2px) !important;
}
.aog-reg__profile-card:active { transform: translateY(0) !important; }
.aog-reg__profile-card:hover .aog-reg__card-arrow { opacity: 1 !important; transform: translateX(0) !important; }

/* Card icons */
.aog-reg__card-icon {
    width: 50px !important; height: 50px !important; border-radius: 13px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important; transition: transform .25s ease !important;
}
.aog-reg__profile-card:hover .aog-reg__card-icon { transform: scale(1.05) !important; }
.aog-reg__card-icon svg { width: 24px !important; height: 24px !important; }
.aog-reg__card-icon--ecp      { background: linear-gradient(135deg,#dbeafe,#bfdbfe) !important; }
.aog-reg__card-icon--supplier  { background: linear-gradient(135deg,#e0f2fe,#bae6fd) !important; }
.aog-reg__card-icon--service   { background: linear-gradient(135deg,#d1fae5,#a7f3d0) !important; }

/* Card body */
.aog-reg__card-body { flex: 1 !important; min-width: 0 !important; }
.aog-reg__card-label {
    font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important;
    letter-spacing: .8px !important; margin-bottom: 4px !important;
}
.aog-reg__card-label--ecp      { color: #026db8 !important; }
.aog-reg__card-label--supplier  { color: #0284c7 !important; }
.aog-reg__card-label--service   { color: #059669 !important; }
.aog-reg__card-title {
    font-size: 16.5px !important; font-weight: 600 !important; color: var(--aogr-text) !important;
    margin-bottom: 4px !important; line-height: 1.3 !important;
}
.aog-reg__card-desc {
    font-size: 13px !important; color: var(--aogr-text-sec) !important; line-height: 1.4 !important;
}
.aog-reg__card-features { display: flex !important; gap: 12px !important; margin-top: 10px !important; flex-wrap: wrap !important; }
.aog-reg__card-feat {
    display: inline-flex !important; align-items: center !important; gap: 4px !important;
    font-size: 11px !important; color: var(--aogr-text-sec) !important; font-weight: 500 !important;
}
.aog-reg__card-feat svg { width: 13px !important; height: 13px !important; color: var(--aogr-success) !important; flex-shrink: 0 !important; }
.aog-reg__card-arrow {
    opacity: 0 !important; transform: translateX(-6px) !important;
    transition: all .25s ease !important; color: var(--aogr-primary) !important; flex-shrink: 0 !important;
}
.aog-reg__card-arrow svg { width: 20px !important; height: 20px !important; }

/* ─── Form Views ───────────────────────────────── */
.aog-reg__form-view { display: none !important; }
.aog-reg__form-view.aog-reg--active { display: block !important; }
.aog-reg__cards-view.aog-reg--hidden { display: none !important; }

/* Back button */
.aog-reg__back-btn {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    font-size: 13px !important; font-weight: 600 !important; color: var(--aogr-text-sec) !important;
    background: none !important; border: none !important; cursor: pointer !important;
    padding: 6px 0 !important; margin-bottom: 24px !important;
    transition: color .15s !important; font-family: inherit !important;
    box-shadow: none !important; text-transform: none !important; text-decoration: none !important;
}
.aog-reg__back-btn:hover { color: var(--aogr-text) !important; }
.aog-reg__back-btn svg { width: 16px !important; height: 16px !important; }

/* Selected type badge */
.aog-reg__selected-type {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    padding: 7px 16px !important; border-radius: 9px !important;
    font-size: 12.5px !important; font-weight: 600 !important; margin-bottom: 24px !important;
    border: none !important; box-shadow: none !important;
}
.aog-reg__selected-type svg { width: 15px !important; height: 15px !important; }
.aog-reg__selected-type--ecp      { background: #eff6ff !important; color: #026db8 !important; }
.aog-reg__selected-type--supplier  { background: #f0f9ff !important; color: #0284c7 !important; }
.aog-reg__selected-type--service   { background: #ecfdf5 !important; color: #059669 !important; }

/* ─── UM Form Overrides ────────────────────────── */
.aog-reg__um-wrap { margin-top: 8px !important; margin-bottom: 20px !important; }
.aog-reg__um-wrap .um { max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; }
.aog-reg__um-wrap .um .um-form { padding: 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; max-width: 100% !important; }
.aog-reg__um-wrap .um .um-form .um-row { margin-bottom: 16px !important; padding: 0 !important; }
.aog-reg__um-wrap .um .um-field-label label {
    font-size: 13px !important; font-weight: 600 !important; color: var(--aogr-text) !important;
    font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    margin-bottom: 6px !important; display: block !important;
}
.aog-reg__um-wrap .um input[type="text"],
.aog-reg__um-wrap .um input[type="email"],
.aog-reg__um-wrap .um input[type="password"],
.aog-reg__um-wrap .um input[type="tel"],
.aog-reg__um-wrap .um input[type="url"],
.aog-reg__um-wrap .um input[type="number"],
.aog-reg__um-wrap .um select,
.aog-reg__um-wrap .um textarea {
    height: 46px !important; padding: 0 14px !important;
    border: 1.5px solid var(--aogr-border) !important; border-radius: 10px !important;
    font-size: 14px !important; font-family: inherit !important; color: var(--aogr-text) !important;
    background: var(--aogr-surface) !important;
    transition: border-color .2s ease,box-shadow .2s ease !important;
    outline: none !important; width: 100% !important; box-shadow: none !important;
}
.aog-reg__um-wrap .um textarea { height: auto !important; min-height: 100px !important; padding: 12px 14px !important; }
.aog-reg__um-wrap .um input::placeholder { color: var(--aogr-text-light) !important; }
.aog-reg__um-wrap .um input:focus,
.aog-reg__um-wrap .um select:focus,
.aog-reg__um-wrap .um textarea:focus {
    border-color: var(--aogr-primary) !important;
    box-shadow: 0 0 0 3px rgba(2,109,184,.12) !important;
}
.aog-reg__um-wrap .um .um-field .um-field-icon { display: none !important; }

/* UM submit button */
.aog-reg__um-wrap .um .um-button,
.aog-reg__um-wrap .um input[type="submit"],
.aog-reg__um-wrap .um .um-field input[type="submit"],
.aog-reg__um-wrap .um .um-col-alt input[type="submit"],
.aog-reg__um-wrap .um .um-center input[type="submit"] {
    width: 100% !important; height: 50px !important; border: none !important; border-radius: 12px !important;
    font-size: 15px !important; font-weight: 600 !important; font-family: inherit !important; color: #fff !important;
    background: linear-gradient(135deg,#026db8 0%,#015a96 100%) !important;
    cursor: pointer !important; transition: all .25s cubic-bezier(.4,0,.2,1) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(2,109,184,.28) !important;
    text-shadow: none !important; padding: 0 24px !important; margin-top: 10px !important;
    letter-spacing: 0 !important; text-transform: none !important; line-height: 1 !important;
}
.aog-reg__um-wrap .um .um-button:hover,
.aog-reg__um-wrap .um input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.08),0 8px 24px rgba(2,109,184,.35) !important;
    background: linear-gradient(135deg,#0284d6 0%,#026db8 100%) !important;
}
.aog-reg__um-wrap .um .um-button:active,
.aog-reg__um-wrap .um input[type="submit"]:active { transform: translateY(0) !important; }
/* UM container fixes */
.aog-reg__um-wrap .um .um-field-group-head,
.aog-reg__um-wrap .um .um-field-area { padding: 0 !important; }
.aog-reg__um-wrap .um .um-col-alt { padding: 0 !important; margin: 0 !important; }
.aog-reg__um-wrap .um .um-header,
.aog-reg__um-wrap .um .um-form-title { display: none !important; }
.aog-reg__um-wrap .um .um-field-error { color: #dc2626 !important; font-size: 12px !important; }
.aog-reg__um-wrap .um .um-notice { border-radius: 10px !important; margin-bottom: 16px !important; }

/* ─── Notice ───────────────────────────────────── */
.aog-reg__notice {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    padding: 14px 16px !important; background: rgba(2,109,184,.05) !important;
    border-radius: 11px !important; border: 1px solid rgba(2,109,184,.1) !important; margin-top: 8px !important;
}
.aog-reg__notice svg { flex-shrink: 0 !important; margin-top: 1px !important; }
.aog-reg__notice span { font-size: 13px !important; color: var(--aogr-text-sec) !important; line-height: 1.55 !important; }

/* ─── Animations (right panel only) ────────────── */
@keyframes aogSlideInR { from{opacity:0;transform:translateX(24px)} to{opacity:1;transform:translateX(0)} }
@keyframes aogFadeIn   { from{opacity:0} to{opacity:1} }
.aog-reg__animate-in { animation: aogFadeIn .35s ease forwards !important; }
.aog-reg__slide-in   { animation: aogSlideInR .4s cubic-bezier(.4,0,.2,1) forwards !important; }

/* ─── Logged-in state ──────────────────────────── */
.aog-reg__logged-in {
    display: flex !important; align-items: center !important; justify-content: center !important;
    height: 100vh !important; width: 100vw !important;
    position: fixed !important; top: 0 !important; left: 0 !important; z-index: 99999 !important;
    background: linear-gradient(135deg,#071224 0%,#0a1e3d 100%) !important;
    text-align: center !important; padding: 40px !important;
    font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.aog-reg__logged-in p { font-size: 1.15rem !important; color: rgba(255,255,255,.8) !important; margin: 0 0 20px !important; }
.aog-reg__logged-in a {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    padding: 13px 36px !important; background: linear-gradient(135deg,#026db8,#015a96) !important;
    color: #fff !important; border-radius: 12px !important; text-decoration: none !important;
    font-weight: 600 !important; font-size: 15px !important; transition: all .25s ease !important;
    box-shadow: 0 4px 16px rgba(2,109,184,.3) !important;
}
.aog-reg__logged-in a:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 24px rgba(2,109,184,.4) !important; }

/* ─── Responsive ───────────────────────────────── */
@media (max-width: 1024px) {
    .aog-reg { flex-direction: column !important; overflow-y: auto !important; }
    .aog-reg__left { flex: 0 0 auto !important; max-width: 100% !important; min-height: 360px !important; padding: 48px 36px !important; }
    .aog-reg__promo-title { font-size: 32px !important; }
    .aog-reg__floats { display: none !important; }
    .aog-reg__right { flex: 1 1 auto !important; max-width: 100% !important; }
    .aog-reg__right-inner { padding: 40px 36px !important; justify-content: flex-start !important; }
    .aog-reg__login-link { position: static !important; text-align: right !important; padding: 16px 36px 0 !important; }
}
@media (max-width: 640px) {
    .aog-reg__left { min-height: 300px !important; padding: 36px 24px !important; }
    .aog-reg__promo-title { font-size: 26px !important; }
    .aog-reg__metrics { gap: 24px !important; }
    .aog-reg__metric-val { font-size: 24px !important; }
    .aog-reg__metric::after { right: -12px !important; }
    .aog-reg__right-inner { padding: 32px 20px !important; }
    .aog-reg__profile-card { padding: 18px 18px !important; gap: 14px !important; }
    .aog-reg__card-features { display: none !important; }
    .aog-reg__section-title { font-size: 22px !important; }
    .aog-reg__login-link { padding: 12px 20px 0 !important; }
    .aog-reg__card-icon { width: 42px !important; height: 42px !important; }
    .aog-reg__brand { margin-bottom: 32px !important; }
    .aog-reg__brand-name { font-size: 16px !important; }
}