/* AK Services premium sliding authentication shell. Authentication behaviour
   stays in the existing handlers; this file owns presentation only. */
body[data-page="auth"] .auth-page {
    width: min(1440px, calc(100% - 40px));
    margin-inline: auto;
    padding: clamp(1.5rem, 3vw, 3rem) 0 4rem;
}

body[data-page="auth"] .auth-premium-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    width: min(1280px, 100%);
    min-height: 660px;
    margin-inline: auto;
    padding: 0;
    overflow: hidden;
    align-items: stretch;
    border: 1px solid rgba(10, 89, 169, 0.14);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(5, 35, 84, 0.16);
    isolation: isolate;
}

/* This auth component is loaded alongside the site-wide embossed theme. Keep
   the component geometry authoritative so later global card rules cannot
   narrow the signup form or re-introduce a column gap. */
html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-premium-shell {
    width: min(1280px, 100%) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(10, 89, 169, 0.14) !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 30px 75px rgba(5, 35, 84, 0.16) !important;
}

body[data-page="auth"] .auth-forms,
body[data-page="auth"] .auth-showcase {
    grid-row: 1;
    min-width: 0;
    transition: transform 480ms cubic-bezier(.22, 1, .36, 1), opacity 260ms ease;
}

body[data-page="auth"] .auth-forms {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: clamp(2rem, 4vw, 4rem);
    justify-content: center;
    background: rgba(255, 255, 255, 0.98);
}

html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-premium-shell .auth-forms {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body[data-page="auth"] .auth-showcase {
    position: relative;
    grid-column: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: clamp(2rem, 3vw, 3.5rem);
    color: #fff;
    background:
        radial-gradient(circle at 68% 25%, rgba(37, 160, 255, 0.62), transparent 34%),
        radial-gradient(circle at 18% 72%, rgba(0, 110, 224, 0.38), transparent 42%),
        linear-gradient(145deg, #062d67 0%, #0757aa 48%, #041f4b 100%);
}

body[data-page="auth"] .auth-showcase::before,
body[data-page="auth"] .auth-showcase::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(105, 204, 255, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

body[data-page="auth"] .auth-showcase::before {
    width: 440px;
    height: 440px;
    right: -220px;
    top: -210px;
}

body[data-page="auth"] .auth-showcase::after {
    width: 300px;
    height: 300px;
    left: -170px;
    bottom: -150px;
}

body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] .auth-forms {
    grid-column: 1;
}

body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] .auth-showcase {
    grid-column: 2;
}

body[data-page="auth"] .auth-premium-shell.is-auth-switching {
    pointer-events: none;
}

body[data-page="auth"] .auth-premium-shell.is-auth-switching[data-auth-direction="to-signup"] .auth-forms {
    animation: akAuthFormToLeft 480ms cubic-bezier(.22, 1, .36, 1) both;
}

body[data-page="auth"] .auth-premium-shell.is-auth-switching[data-auth-direction="to-signup"] .auth-showcase {
    animation: akAuthShowcaseToRight 480ms cubic-bezier(.22, 1, .36, 1) both;
}

body[data-page="auth"] .auth-premium-shell.is-auth-switching[data-auth-direction="to-login"] .auth-forms {
    animation: akAuthFormToRight 480ms cubic-bezier(.22, 1, .36, 1) both;
}

body[data-page="auth"] .auth-premium-shell.is-auth-switching[data-auth-direction="to-login"] .auth-showcase {
    animation: akAuthShowcaseToLeft 480ms cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes akAuthFormToLeft {
    0% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(-100%); opacity: .88; }
}

@keyframes akAuthShowcaseToRight {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

@keyframes akAuthFormToRight {
    0% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(100%); opacity: .88; }
}

@keyframes akAuthShowcaseToLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

body[data-page="auth"] .auth-panel {
    width: 100%;
}

body[data-page="auth"] .auth-panel.is-active {
    animation: akAuthPanelIn 420ms cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes akAuthPanelIn {
    from { opacity: 0; transform: translateY(12px) scale(.992); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

body[data-page="auth"] .auth-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    gap: 1.1rem;
}

html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-premium-shell .auth-card {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body[data-page="auth"] .auth-card > header {
    text-align: left;
}

body[data-page="auth"] .auth-card > header .badge {
    display: none;
}

body[data-page="auth"] .auth-card > header h2 {
    margin: 0 0 .45rem;
    color: #0b2242;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    letter-spacing: -.035em;
}

body[data-page="auth"] .auth-card > header p {
    margin: 0;
    color: #5d6f89;
    line-height: 1.6;
}

body[data-page="auth"] .auth-form {
    gap: 1rem;
}

body[data-page="auth"] .auth-form > label:not(.remember-toggle) {
    position: relative;
    margin-top: .35rem;
    padding: 0 .45rem;
    color: #315a8b;
    font-size: .78rem;
    font-weight: 600;
    background: #fff;
    border-radius: 6px;
}

body[data-page="auth"] .auth-form > label:not(.remember-toggle) > input,
body[data-page="auth"] .auth-form > label:not(.remember-toggle) > .password-input-wrap,
body[data-page="auth"] .auth-form > label:not(.remember-toggle) > .phone-composite {
    width: calc(100% + .9rem);
    margin: -.48rem -.45rem 0;
}

body[data-page="auth"] .auth-form input:not([type="hidden"]):not([type="checkbox"]),
body[data-page="auth"] .auth-form select {
    min-height: 54px;
    border-color: rgba(33, 84, 143, .24);
    border-radius: 14px;
    background: #fff;
    color: #102c50;
    box-shadow: inset 0 1px 2px rgba(7, 39, 81, .04), 0 8px 18px rgba(8, 48, 94, .04);
}

body[data-page="auth"] .auth-form input:focus,
body[data-page="auth"] .auth-form select:focus {
    border-color: #168ee4;
    box-shadow: 0 0 0 4px rgba(21, 143, 229, .12), inset 0 1px 2px rgba(7, 39, 81, .04);
}

body[data-page="auth"] .auth-form .btn.primary {
    min-height: 56px;
    border: 1px solid rgba(8, 97, 185, .7);
    border-radius: 14px;
    background: linear-gradient(135deg, #63b6ee 0%, #0874ca 58%, #0758a8 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .46), 0 12px 24px rgba(5, 91, 173, .24);
    font-weight: 700;
}

body[data-page="auth"] .auth-form .btn.primary:hover {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 16px 30px rgba(5, 91, 173, .3);
}

body[data-page="auth"] .auth-form .btn.primary:active {
    transform: translateY(1px) scale(.995);
    box-shadow: inset 0 3px 7px rgba(0, 39, 88, .24), 0 5px 12px rgba(5, 91, 173, .18);
}

body[data-page="auth"] .signup-card .auth-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem .9rem;
}

body[data-page="auth"] .signup-card .auth-form > input[type="hidden"],
body[data-page="auth"] .signup-card .auth-form > .remember-toggle,
body[data-page="auth"] .signup-card .auth-form > .btn,
body[data-page="auth"] .signup-card .auth-form > .auth-icon-actions {
    grid-column: 1 / -1;
}

body[data-page="auth"] .auth-icon-actions {
    position: relative;
    margin: .35rem 0 0;
}

body[data-page="auth"] .auth-showcase-art {
    position: relative;
    width: min(410px, 92%);
    height: 300px;
    margin: 0 auto 1rem;
}

body[data-page="auth"] .auth-service-phone {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 270px;
    padding: 38px 15px 20px;
    transform: translate(-50%, -50%) rotate(4deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border: 7px solid #d3edff;
    border-radius: 29px;
    color: #063d80;
    background: linear-gradient(160deg, #fff, #d9f2ff 58%, #b9e1fb);
    box-shadow: 0 25px 50px rgba(0, 8, 35, .42), inset 0 0 20px rgba(20, 125, 211, .15);
}

body[data-page="auth"] .auth-service-phone__speaker {
    position: absolute;
    top: 12px;
    width: 42px;
    height: 6px;
    border-radius: 99px;
    background: #0d4e91;
}

body[data-page="auth"] .auth-service-phone img {
    width: 66px;
    height: 66px;
    object-fit: contain;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 20px rgba(10, 70, 135, .18);
}

body[data-page="auth"] .auth-service-phone strong {
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.35;
}

body[data-page="auth"] .auth-service-chip {
    position: absolute;
    z-index: 4;
    display: grid;
    place-items: center;
    gap: 3px;
    min-width: 80px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 17px;
    color: #eaf8ff;
    background: linear-gradient(145deg, rgba(115, 207, 255, .72), rgba(31, 113, 219, .55));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .52), 0 12px 24px rgba(0, 20, 63, .3), 0 0 24px rgba(51, 174, 255, .22);
    backdrop-filter: blur(8px);
    font-size: .7rem;
}

body[data-page="auth"] .auth-service-chip span { font-size: 1.35rem; }
body[data-page="auth"] .auth-service-chip--mobile { left: 12%; top: 4%; }
body[data-page="auth"] .auth-service-chip--dth { left: 5%; top: 38%; }
body[data-page="auth"] .auth-service-chip--power { left: 10%; bottom: 1%; }
body[data-page="auth"] .auth-service-chip--broadband { right: 6%; top: 5%; }
body[data-page="auth"] .auth-service-chip--water { right: 1%; top: 40%; }

body[data-page="auth"] .auth-orbit {
    position: absolute;
    z-index: 1;
    left: 5%;
    right: 5%;
    top: 47%;
    height: 2px;
    border-radius: 50%;
    background: linear-gradient(90deg, transparent, #73d7ff, #fff, #45b8ff, transparent);
    box-shadow: 0 0 16px #42baff;
    transform: rotate(-12deg);
}

body[data-page="auth"] .auth-orbit--two { transform: rotate(13deg); opacity: .62; }

body[data-page="auth"] .auth-showcase-copy {
    position: relative;
    z-index: 5;
    text-align: center;
}

body[data-page="auth"] .auth-showcase-copy h2 {
    margin: 0 0 .55rem;
    color: #fff;
    font-size: clamp(1.7rem, 2.6vw, 2.35rem);
    letter-spacing: -.035em;
}

html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-showcase .auth-showcase-copy h2 {
    color: #fff !important;
}

body[data-page="auth"] .auth-showcase-copy > p {
    max-width: 510px;
    margin: 0 auto;
    color: rgba(235, 247, 255, .84);
    line-height: 1.55;
}

html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-showcase .auth-showcase-copy > p {
    color: rgba(235, 247, 255, .84) !important;
}

body[data-page="auth"] .auth-trust-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    margin-top: 1.35rem;
}

body[data-page="auth"] .auth-trust-row span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .65rem .2rem;
    color: #f5fbff;
    font-size: .76rem;
    font-weight: 600;
}

body[data-page="auth"] .auth-trust-row i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 50%;
    font-style: normal;
}

body[data-page="auth"] .auth-banner-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.15rem;
    color: rgba(239, 248, 255, .9);
    font-size: .9rem;
}

body[data-page="auth"] .auth-banner-switch__button {
    display: inline-flex;
    min-width: 155px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 14px;
    color: #0754a3;
    background: linear-gradient(180deg, #fff, #eaf6ff);
    box-shadow: inset 0 1px 0 #fff, 0 10px 25px rgba(0, 16, 54, .28), 0 0 22px rgba(98, 194, 255, .22);
    cursor: pointer;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease;
}

body[data-page="auth"] .auth-banner-switch__button:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 #fff, 0 14px 28px rgba(0, 16, 54, .34), 0 0 28px rgba(98, 194, 255, .32);
}

body[data-page="auth"] .auth-banner-switch__button:active {
    transform: translateY(1px) scale(.98);
    box-shadow: inset 0 3px 7px rgba(5, 61, 117, .2), 0 5px 13px rgba(0, 16, 54, .24);
}

@media (max-width: 1024px) {
    body[data-page="auth"] .auth-premium-shell,
    body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    body[data-page="auth"] .auth-showcase,
    body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] .auth-showcase {
        order: 1;
        width: 100%;
        padding: 1.5rem;
    }

    body[data-page="auth"] .auth-forms,
    body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] .auth-forms {
        order: 2;
        width: 100%;
        padding: clamp(1.4rem, 5vw, 2.5rem);
    }

    body[data-page="auth"] .auth-showcase-art { display: none; }
    body[data-page="auth"] .auth-showcase-copy h2 { font-size: 1.55rem; }
    body[data-page="auth"] .auth-trust-row { margin-top: .8rem; }

    html[data-ak-embossed] body[data-page="auth"] main.auth-page .auth-premium-shell {
        width: 100% !important;
        padding: 0 !important;
        border-radius: 24px !important;
    }

    body[data-page="auth"] .auth-premium-shell.is-auth-switching .auth-forms,
    body[data-page="auth"] .auth-premium-shell.is-auth-switching .auth-showcase {
        animation-name: akAuthMobileFade;
        animation-duration: 300ms;
    }
}

@media (min-width: 1025px) and (max-width: 1180px) {
    body[data-page="auth"] .auth-forms {
        padding: 2.25rem;
    }

    body[data-page="auth"] .signup-card .auth-form {
        grid-template-columns: 1fr;
    }

    body[data-page="auth"] .signup-card .auth-form > * {
        grid-column: 1 !important;
    }

    body[data-page="auth"] .auth-showcase {
        padding: 2rem;
    }
}

@keyframes akAuthMobileFade {
    0% { opacity: 1; transform: translateY(0); }
    50% { opacity: .35; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    body[data-page="auth"] .auth-page {
        width: min(100% - 20px, 100%);
        padding-top: 1rem;
    }

    body[data-page="auth"] .auth-premium-shell { border-radius: 22px; }
    body[data-page="auth"] .auth-showcase { padding: 1.25rem 1rem; }
    body[data-page="auth"] .auth-showcase-copy > p { font-size: .85rem; }
    body[data-page="auth"] .auth-trust-row { display: none; }
    body[data-page="auth"] .auth-banner-switch { flex-direction: column; gap: .6rem; }
    body[data-page="auth"] .auth-banner-switch__button { min-height: 44px; }
    body[data-page="auth"] .signup-card .auth-form { display: flex; }
    body[data-page="auth"] .auth-card > header h2 { font-size: 1.65rem; }
    body[data-page="auth"] .auth-benefits { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    body[data-page="auth"] .auth-forms,
    body[data-page="auth"] .auth-showcase,
    body[data-page="auth"] .auth-panel.is-active {
        transition: none;
        animation: none;
    }
}

/* Compact account setup, with the same visual language on every screen. */
body[data-page="auth"] .ak-auth-tabs { display:flex; gap:4px; padding:4px; background:#edf3f9; border-radius:12px; margin-bottom:24px; }
body[data-page="auth"] .ak-auth-tabs button { flex:1; background:transparent; border:0; border-radius:9px; padding:11px 8px; color:#405970; font:inherit; font-weight:600; box-shadow:none; cursor:pointer; }
body[data-page="auth"] [data-auth-mode="login"] .ak-auth-tabs [data-auth-trigger="login"],body[data-page="auth"] [data-auth-mode="signup"] .ak-auth-tabs [data-auth-trigger="signup"] { background:white; color:#075a9e; box-shadow:0 2px 5px #173c5710; }
body[data-page="auth"] .signup-card .ak-signup { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:20px; }
body[data-page="auth"] .ak-signup .ak-step-view { grid-column:1 / -1; }
body[data-page="auth"] .ak-signup-progress { display:flex; align-items:center; gap:10px; color:#7890a4; font-size:12px; }
.ak-signup-progress span { display:flex; align-items:center; gap:6px; font-weight:700; }
.ak-signup-progress small { font:inherit; font-weight:500; }
.ak-signup-progress i { height:1px; background:#dce6ef; flex:1; }
.ak-signup-progress .is-current { color:#075a9e; }
body[data-page="auth"] .ak-step-account div { display:grid; gap:4px; }
body[data-page="auth"] .ak-step-account small { color:#62788c; }
body[data-page="auth"] .ak-verified { background:#eff9f4; border:1px solid #d0ebdb; border-radius:10px; color:#1f6842; padding:12px; margin:0; font-size:13px; }
.ak-verified button { float:right; }
body[data-page="auth"] .ak-signup .ak-terms { display:flex !important; align-items:flex-start; gap:10px; color:#405970; font-size:13px; line-height:1.65; }
body[data-page="auth"] .ak-terms input[type="checkbox"] { appearance:auto !important; width:18px !important; height:18px !important; margin:3px 0 0; padding:0; flex:0 0 18px; accent-color:#075a9e; }
body[data-page="auth"] .ak-auth-or { display:flex; align-items:center; gap:12px; color:#8092a5; font-size:12px; margin:20px 0 14px; }
.ak-auth-or::before,.ak-auth-or::after { content:""; height:1px; background:#e1e9f0; flex:1; }
body[data-page="auth"] .ak-google-wide { display:flex; justify-content:center; min-height:44px; width:100%; overflow:hidden; }
body[data-page="auth"] .auth-form input:not([type="checkbox"]):not([data-code-digit]) { background:#fff !important; background-image:none !important; border:1px solid #cbd8e5 !important; box-shadow:none !important; border-radius:11px !important; min-height:48px; font-size:16px; color:#17324d; }
body[data-page="auth"] .auth-form .btn.primary { background:#0864ac !important; background-image:none !important; color:#fff !important; border:0 !important; box-shadow:0 4px 10px #0864ac18 !important; border-radius:11px !important; min-height:48px; }
body[data-page="auth"] .auth-showcase-copy h2,body[data-page="auth"] .auth-showcase-copy>p { color:#fff !important; }
@media(max-width:768px) {
 html body[data-page="auth"].has-ak-public-header { padding-top:80px !important; }
 html body[data-page="auth"].has-ak-public-header header#site-header,html body[data-page="auth"].has-ak-public-header header#site-header>.ak-public-header { height:76px !important; min-height:0 !important; max-height:76px !important; }
 body[data-page="auth"] #site-header .header-secondary { display:none !important; }
 html body[data-page="auth"] main.auth-page { width:calc(100% - 24px) !important; max-width:480px !important; padding:18px 0 28px !important; margin:0 auto !important; }
 body[data-page="auth"] .auth-showcase { display:none !important; }
 html body[data-page="auth"] main.auth-page .auth-premium-shell { display:block !important; border-radius:20px !important; border:1px solid #e0e8f1; box-shadow:0 8px 30px #17324d0a !important; overflow:hidden; }
 body[data-page="auth"] .auth-forms,body[data-page="auth"] .auth-premium-shell[data-auth-mode="signup"] .auth-forms { padding:24px 20px !important; width:100%; box-sizing:border-box; }
 body[data-page="auth"] .auth-card>header h2 { font-size:25px; margin:0 0 8px; }
 body[data-page="auth"] .auth-card>header>p:not(.badge) { font-size:14px; line-height:1.6; }
 body[data-page="auth"] .auth-card>header .badge { display:none; }
 body[data-page="auth"] .auth-form { gap:18px !important; }
 body[data-page="auth"] .auth-benefits { display:none; }
 body[data-page="auth"] #account { scroll-margin-top:88px; }
}

@media(max-width:768px){body[data-page="auth"] .auth-panel{scroll-margin-top:96px;}body[data-page="auth"] .header-primary{min-height:72px !important;}}

/* Account controls override the global raised-button theme intentionally. */
html body[data-page="auth"] main #account .ak-auth-tabs {
    gap:6px; padding:6px; border:1px solid #dce7f2; border-radius:17px;
    background:#f0f5fa; box-shadow:inset 0 1px 2px #15385306; margin-bottom:28px;
}
html body[data-page="auth"] main #account .ak-auth-tabs button {
    min-height:46px; padding:12px 14px; border:0 !important; border-radius:12px !important;
    background:transparent !important; background-image:none !important; color:#536b83 !important;
    box-shadow:none !important; text-shadow:none !important; font-size:14px; font-weight:650;
    transition:background .2s,color .2s,box-shadow .2s,transform .15s;
}
html body[data-page="auth"] main #account .ak-auth-tabs button:hover { background:#e3edf7 !important; color:#075999 !important; }
html body[data-page="auth"] main #account[data-auth-mode="login"] .ak-auth-tabs [data-auth-trigger="login"],
html body[data-page="auth"] main #account[data-auth-mode="signup"] .ak-auth-tabs [data-auth-trigger="signup"] {
    background:linear-gradient(125deg,#087bd0,#0755a0) !important; color:#fff !important;
    box-shadow:0 4px 10px #075aa32b,inset 0 1px 0 #ffffff26 !important;
}
html body[data-page="auth"] main #account .ak-auth-tabs button:focus:not(:focus-visible) { outline:none !important; }
html body[data-page="auth"] main #account .ak-auth-tabs button:focus-visible { outline:3px solid #68b9ed !important; outline-offset:3px; }
html body[data-page="auth"] main #account .ak-auth-tabs button:active { transform:scale(.98); }
html body[data-page="auth"] main #account .ak-google-wide {
    width:fit-content; max-width:100%; margin:0 auto; padding:7px; box-sizing:border-box;
    min-height:54px; border:1px solid #dde9f5; border-radius:30px;
    background:#f4f8fd; box-shadow:0 4px 14px #204b7810;
    transition:box-shadow .2s,border-color .2s;
}
html body[data-page="auth"] main #account .ak-google-wide:hover,
html body[data-page="auth"] main #account .ak-google-wide:focus-within { border-color:#9fc7ed; box-shadow:0 5px 18px #1466b322; }
html body[data-page="auth"] main #account .auth-form .btn.primary {
    background:linear-gradient(125deg,#087bd0,#0755a0) !important;
    color:white !important; text-shadow:none !important; border:0 !important;
    border-radius:12px !important; min-height:48px; box-shadow:0 4px 12px #075aa325 !important;
}
html body[data-page="auth"] main #account .auth-form .btn.primary:active { background:#064982 !important; transform:translateY(1px); }
html body[data-page="auth"] main #account .auth-showcase-copy h2,
html body[data-page="auth"] main #account .auth-showcase-copy>p { color:white !important; }
@media(max-width:380px){html body[data-page="auth"] main #account .ak-auth-tabs button{font-size:13px;padding-inline:8px;}}
@media(prefers-reduced-motion:reduce){html body[data-page="auth"] main #account .ak-auth-tabs button,html body[data-page="auth"] main #account .ak-google-wide{transition:none;}}