/* ========================================================================
   Karmarando native auth experience — premium emerald fluid glass
   ======================================================================== */
.km-auth-body--experience{
    background:#032d24;
}
.km-auth-page--experience{
    --km-auth-forest:#032d24;
    --km-auth-forest-2:#063f32;
    --km-auth-emerald:#008f68;
    --km-auth-emerald-hi:#19b77d;
    --km-auth-emerald-soft:#8ee0bc;
    --km-auth-gold:#d8ae28;
    --km-auth-gold-hi:#f0cf69;
    --km-auth-gold-deep:#8d6715;
    --km-auth-platinum:#edf2ef;
    --km-auth-platinum-hi:#fbfdfc;
    --km-auth-platinum-low:#d9e2dd;
    --km-auth-ink:#0a342a;
    --km-auth-muted:#597168;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:760px;
    padding:clamp(28px,3.5vw,52px) 0 clamp(38px,4.6vw,70px);
    background-color:var(--km-auth-forest-2);
    background-image:
        linear-gradient(180deg,rgba(2,30,23,.13) 0%,rgba(2,34,26,.28) 36%,rgba(1,31,24,.55) 100%),
        radial-gradient(900px 560px at 12% 24%,rgba(0,143,104,.28),transparent 68%),
        radial-gradient(680px 440px at 84% 16%,rgba(230,190,58,.18),transparent 72%),
        radial-gradient(620px 420px at 54% 76%,rgba(25,183,125,.14),transparent 74%),
        var(--km-auth-stage-image);
    background-size:auto,auto,auto,auto,cover;
    background-repeat:no-repeat;
    background-position:center,center,center,center,var(--km-auth-focal-x,50%) var(--km-auth-focal-y,50%);
}
.km-auth-page--register{
    background-color:#063f32;
    background-image:
        linear-gradient(180deg,rgba(2,37,29,.40) 0%,rgba(3,53,41,.48) 46%,rgba(2,39,30,.70) 100%),
        radial-gradient(920px 610px at 8% 22%,rgba(25,183,125,.14),transparent 66%),
        radial-gradient(740px 500px at 86% 11%,rgba(240,207,105,.085),transparent 70%),
        radial-gradient(760px 500px at 62% 67%,rgba(142,224,188,.07),transparent 72%),
        var(--km-auth-stage-image);
    background-size:auto,auto,auto,auto,cover;
    background-repeat:no-repeat;
    background-position:center,center,center,center,var(--km-auth-focal-x,50%) var(--km-auth-focal-y,50%);
}
.km-auth-page--experience.km-auth-page--register::before{
    z-index:0;
    background:
        radial-gradient(760px 380px at 48% 28%,rgba(226,244,235,.10),transparent 72%),
        linear-gradient(90deg,rgba(1,27,21,.14),rgba(2,48,37,.04) 48%,rgba(1,27,21,.17));
}
.km-auth-page--register .km-auth-stage-glow,
.km-auth-page--register .km-auth-stage-geometry,
.km-auth-page--register .km-auth-stage-botanicals{
    display:none;
}
.km-auth-page--register::after{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    bottom:0;
    height:34%;
    pointer-events:none;
    background:
        radial-gradient(620px 260px at 50% 22%,rgba(205,231,219,.08),transparent 72%),
        radial-gradient(460px 240px at 12% 78%,rgba(25,183,125,.08),transparent 74%),
        radial-gradient(460px 240px at 88% 82%,rgba(240,207,105,.045),transparent 74%),
        linear-gradient(180deg,rgba(3,63,50,0) 0%,rgba(3,63,50,.52) 32%,rgba(2,47,36,.84) 70%,rgba(2,39,30,.96) 100%);
}
.km-auth-page--finish{
    background-image:
        linear-gradient(118deg,rgba(3,45,36,.52),rgba(0,143,104,.22) 52%,rgba(226,239,232,.42)),
        radial-gradient(760px 520px at 8% 30%,rgba(25,183,125,.20),transparent 68%),
        radial-gradient(620px 430px at 89% 14%,rgba(230,190,58,.14),transparent 70%),
        var(--km-auth-stage-image);
}
.km-auth-page--experience::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,255,255,.02),transparent 14%,transparent 77%,rgba(0,27,21,.23)),
        radial-gradient(540px 360px at 44% 38%,rgba(142,224,188,.11),transparent 72%);
}
.km-auth-stage-glow{
    position:absolute;
    inset:-18% -12%;
    z-index:-2;
    pointer-events:none;
    opacity:.86;
    filter:blur(34px) saturate(128%);
    background:
        radial-gradient(540px 400px at 9% 24%,rgba(25,183,125,.31),transparent 67%),
        radial-gradient(460px 350px at 88% 25%,rgba(240,207,105,.20),transparent 69%),
        radial-gradient(620px 430px at 54% 84%,rgba(0,143,104,.18),transparent 73%);
}
.km-auth-page--register .km-auth-stage-glow{
    opacity:.78;
    background:
        radial-gradient(600px 420px at 11% 25%,rgba(25,183,125,.32),transparent 68%),
        radial-gradient(500px 360px at 88% 18%,rgba(240,207,105,.19),transparent 69%),
        radial-gradient(560px 390px at 53% 80%,rgba(142,224,188,.18),transparent 73%);
}
.km-auth-stage-geometry{
    position:absolute;
    z-index:-1;
    width:min(760px,62vw);
    aspect-ratio:1;
    right:-7vw;
    top:7%;
    pointer-events:none;
    opacity:.28;
    filter:blur(.75px) saturate(128%);
    mix-blend-mode:screen;
    -webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.10) 75%,transparent 83%);
    mask-image:radial-gradient(circle,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.10) 75%,transparent 83%);
}
.km-auth-stage-geometry::before{
    content:"";
    position:absolute;
    inset:17%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(240,207,105,.12),rgba(25,183,125,.08) 40%,transparent 70%);
    filter:blur(24px);
}
.km-auth-stage-geometry svg{
    width:100%;
    height:100%;
    overflow:visible;
}
.km-auth-stage-geometry circle,
.km-auth-stage-geometry path{
    fill:none;
    vector-effect:non-scaling-stroke;
}
.km-auth-geometry-orbit{
    stroke:rgba(240,207,105,.34);
    stroke-width:1.1;
}
.km-auth-geometry-petals{
    stroke:rgba(142,224,188,.28);
    stroke-width:1.05;
}
.km-auth-geometry-star{
    stroke:rgba(240,207,105,.24);
    stroke-width:1;
}
.km-auth-geometry-core{
    stroke:rgba(255,245,194,.38)!important;
    stroke-width:1.1;
}
.km-auth-page--register .km-auth-stage-geometry{
    right:auto;
    left:-8vw;
    top:9%;
    opacity:.24;
}
.km-auth-experience{
    position:relative;
    z-index:2;
    width:min(1220px,calc(100% - 40px));
    margin:0 auto;
}
.km-auth-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    min-height:112px;
    margin:0 0 22px;
    padding:0 clamp(8px,1.5vw,18px);
    color:#fff;
    text-shadow:0 3px 24px rgba(0,0,0,.28);
}
.km-auth-hero-kicker{
    display:block;
    margin-bottom:8px;
    color:var(--km-auth-gold-hi);
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.km-auth-hero h1{
    margin:0;
    color:#fff;
    font-family:var(--km-runtime-display-font,var(--km-runtime-heading-font));
    font-size:clamp(46px,5.5vw,76px);
    line-height:.93;
    letter-spacing:-.05em;
}
.km-auth-hero p{
    margin:9px 0 0;
    color:rgba(255,255,255,.88);
    font-family:var(--km-runtime-heading-font);
    font-size:clamp(18px,1.8vw,25px);
    line-height:1.15;
}
.km-auth-page--register .km-auth-hero{
    position:relative;
    min-height:94px;
    margin-bottom:15px;
    color:var(--km-auth-ink);
    text-shadow:none;
}
.km-auth-page--register .km-auth-hero::before{
    display:none;
}
.km-auth-page--register .km-auth-hero>div{
    position:relative;
    z-index:1;
    max-width:900px;
}
.km-auth-page--register .km-auth-hero h1{
    color:#f3faf6;
    opacity:1;
    font-size:clamp(44px,5vw,68px);
    text-shadow:0 2px 2px rgba(1,27,21,.78),0 8px 26px rgba(1,27,21,.38);
}
.km-auth-page--register .km-auth-hero p{
    max-width:980px;
    margin-top:14px;
    color:rgba(245,251,248,.93);
    opacity:1;
    font-size:clamp(16px,1.38vw,19px);
    line-height:1.28;
    font-weight:650;
    text-shadow:0 2px 12px rgba(1,27,21,.78);
}
.km-auth-page--register .km-auth-hero-kicker{
    color:color-mix(in srgb,var(--km-auth-emerald) 70%,var(--km-auth-forest) 30%);
    opacity:1;
}
.km-auth-global-notice{
    width:min(1040px,100%);
    margin:0 auto 18px;
    border-color:rgba(240,207,105,.38);
    background:rgba(245,249,247,.82);
    box-shadow:0 16px 42px rgba(4,47,38,.11);
    backdrop-filter:blur(18px) saturate(124%);
}
.km-auth-experience-grid{
    display:grid;
    grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);
    overflow:hidden;
    min-height:540px;
    border:1px solid rgba(240,207,105,.53);
    border-radius:32px;
    background:rgba(3,48,37,.18);
    box-shadow:
        0 36px 90px rgba(2,38,29,.34),
        0 0 0 1px rgba(255,255,255,.055),
        inset 0 1px 0 rgba(255,255,255,.15);
    backdrop-filter:blur(28px) saturate(135%);
    -webkit-backdrop-filter:blur(28px) saturate(135%);
}
.km-auth-experience-grid--register{
    grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);
    min-height:520px;
    border-radius:29px 29px 0 0;
}
.km-auth-experience-grid--finish{
    grid-template-columns:minmax(340px,.40fr) minmax(0,.60fr);
    min-height:650px;
}
.km-auth-story{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(480px 340px at 94% 8%,rgba(240,207,105,.20),transparent 68%),
        radial-gradient(520px 400px at -2% 102%,rgba(25,183,125,.28),transparent 70%),
        linear-gradient(145deg,rgba(2,43,34,.97) 0%,rgba(6,77,59,.94) 42%,rgba(0,143,104,.82) 100%);
    box-shadow:
        inset -1px 0 0 rgba(240,207,105,.26),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset -28px 0 50px rgba(25,183,125,.05);
}
.km-auth-story::before{
    content:"";
    position:absolute;
    width:440px;
    aspect-ratio:1;
    right:-150px;
    top:-140px;
    border-radius:50%;
    opacity:.24;
    filter:blur(13px);
    background:
        conic-gradient(from 18deg,rgba(240,207,105,.42),transparent 12%,rgba(142,224,188,.29) 27%,transparent 43%,rgba(240,207,105,.26) 58%,transparent 76%,rgba(25,183,125,.39) 89%,transparent),
        radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);
    -webkit-mask-image:radial-gradient(circle,#000 0 42%,transparent 76%);
    mask-image:radial-gradient(circle,#000 0 42%,transparent 76%);
}
.km-auth-story::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(120deg,rgba(255,255,255,.10),transparent 21%,transparent 72%,rgba(240,207,105,.07)),
        linear-gradient(180deg,transparent 70%,rgba(0,28,21,.14));
}
.km-auth-story-inner{
    position:relative;
    z-index:2;
    display:flex;
    min-height:100%;
    box-sizing:border-box;
    flex-direction:column;
    padding:clamp(34px,4.1vw,54px);
}
.km-auth-story-kicker{
    display:block;
    color:var(--km-auth-gold-hi);
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.km-auth-story h2{
    max-width:10.5ch;
    margin:11px 0 16px;
    color:#fff;
    font-family:var(--km-runtime-display-font,var(--km-runtime-heading-font));
    font-size:clamp(38px,4.35vw,58px);
    line-height:.98;
    letter-spacing:-.045em;
    text-shadow:0 3px 28px rgba(0,0,0,.16);
}
.km-auth-story--register .km-auth-story-inner{
    justify-content:flex-start;
    padding:clamp(28px,2.8vw,36px);
}
.km-auth-story--register h2{
    max-width:12.5ch;
    font-size:clamp(32px,3vw,43px);
    line-height:1;
    margin:9px 0 10px;
}
.km-auth-story--finish h2{
    max-width:11ch;
}
.km-auth-story>div>p,
.km-auth-story-inner>p{
    max-width:43ch;
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:14px;
    line-height:1.62;
}
.km-auth-story--register .km-auth-story-inner>p{
    max-width:48ch;
    color:rgba(255,255,255,.87);
    font-size:13.2px;
    line-height:1.5;
}
.km-auth-benefits{
    display:grid;
    gap:11px;
    margin:23px 0 0;
    padding:0;
    list-style:none;
}
.km-auth-story--register .km-auth-benefits{
    gap:10px;
    margin-top:16px;
}
.km-auth-benefits li{
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    gap:12px;
    align-items:center;
}
.km-auth-story--register .km-auth-benefits li{
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    align-items:start;
}
.km-auth-benefit-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    color:#f4d86f;
    background:
        radial-gradient(circle at 35% 28%,rgba(255,255,255,.11),transparent 45%),
        radial-gradient(circle,rgba(240,207,105,.11),rgba(0,143,104,.045) 65%,transparent 66%);
    box-shadow:
        0 0 0 1px rgba(240,207,105,.38),
        0 0 22px rgba(240,207,105,.075),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.km-auth-benefit-icon::after{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid rgba(142,224,188,.12);
    border-radius:50%;
}
.km-auth-story--register .km-auth-benefit-icon{
    width:34px;
    height:34px;
}
.km-auth-benefit-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.km-auth-story--register .km-auth-benefit-icon svg{
    width:22px;
    height:22px;
}
.km-auth-benefits b{
    color:rgba(255,255,255,.95);
    font-size:12.6px;
    font-weight:760;
    line-height:1.38;
}
.km-auth-story--register .km-auth-benefits b{
    display:block;
    font-size:12.1px;
    line-height:1.3;
}
.km-auth-benefit-copy{
    display:grid;
    gap:2px;
    min-width:0;
}
.km-auth-benefit-copy small{
    color:rgba(255,255,255,.68);
    font-size:10.2px;
    line-height:1.35;
}
.km-auth-professional-options{
    display:grid;
    gap:8px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid rgba(240,207,105,.22);
}
.km-auth-professional-kicker{
    color:#f4d86f;
    font-size:9px;
    font-weight:950;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.km-auth-professional-options>p{
    max-width:52ch!important;
    color:rgba(255,255,255,.78)!important;
    font-size:10.8px!important;
    line-height:1.42!important;
}
.km-auth-professional-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.km-auth-professional-grid>div{
    display:grid;
    grid-template-columns:31px minmax(0,1fr);
    gap:8px;
    align-items:start;
    padding:10px 11px;
    border:1px solid rgba(240,207,105,.20);
    border-radius:13px;
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(25,183,125,.055));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.km-auth-professional-grid .km-auth-benefit-icon{
    width:29px!important;
    height:29px!important;
}
.km-auth-professional-grid .km-auth-benefit-icon svg{
    width:19px!important;
    height:19px!important;
}
.km-auth-professional-grid>div>span:last-child{
    display:grid;
    gap:2px;
}
.km-auth-professional-grid b{
    color:#fff;
    font-size:10.7px;
    line-height:1.28;
}
.km-auth-professional-grid small{
    color:rgba(255,255,255,.62);
    font-size:9.2px;
    line-height:1.32;
}
.km-auth-story-signoff{
    display:grid;
    gap:6px;
    margin-top:auto;
    padding-top:22px;
}
.km-auth-story--register .km-auth-story-signoff{
    padding-top:13px;
}
.km-auth-story-signoff>span{
    width:72px;
    height:1px;
    background:linear-gradient(90deg,var(--km-auth-gold-hi),rgba(240,207,105,0));
    box-shadow:0 0 12px rgba(240,207,105,.18);
}
.km-auth-story-signoff strong{
    max-width:18ch;
    color:#fff7ce;
    font-family:var(--km-runtime-heading-font);
    font-size:clamp(21px,1.85vw,28px);
    font-weight:650;
    line-height:1.12;
}
.km-auth-story--register .km-auth-story-signoff strong{
    font-size:clamp(18px,1.65vw,24px);
}
.km-auth-story-signoff small{
    max-width:38ch;
    color:rgba(255,255,255,.72);
    font-size:11.8px;
    line-height:1.45;
}
.km-auth-form-panel{
    position:relative;
    display:grid;
    grid-template-rows:auto 1fr;
    color:var(--km-auth-ink);
    background:
        linear-gradient(132deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.18) 19%,transparent 31%),
        radial-gradient(430px 270px at 94% 4%,rgba(240,207,105,.16),transparent 72%),
        radial-gradient(430px 300px at 8% 98%,rgba(25,183,125,.11),transparent 70%),
        linear-gradient(146deg,rgba(250,253,252,.92) 0%,rgba(237,243,240,.88) 50%,rgba(219,228,223,.84) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 18px 0 34px rgba(255,255,255,.06);
    backdrop-filter:blur(34px) saturate(138%);
    -webkit-backdrop-filter:blur(34px) saturate(138%);
}
.km-auth-form-panel::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-left:1px solid rgba(255,255,255,.44);
    background:
        linear-gradient(118deg,rgba(255,255,255,.26),transparent 24%),
        linear-gradient(180deg,transparent 78%,rgba(0,143,104,.04));
}
.km-auth-form-panel::after{
    content:"";
    position:absolute;
    z-index:0;
    top:50px;
    right:8%;
    width:120px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(240,207,105,.28),transparent);
    box-shadow:0 0 18px rgba(240,207,105,.10);
    transform:rotate(-16deg);
    pointer-events:none;
}
.km-auth-experience-grid--register .km-auth-form-panel{
    grid-template-rows:58px 1fr;
    overflow:hidden;
    background:
        linear-gradient(118deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 28%,transparent 48%),
        radial-gradient(470px 300px at 94% 4%,rgba(240,207,105,.10),transparent 72%),
        radial-gradient(480px 350px at 7% 100%,rgba(25,183,125,.12),transparent 72%),
        linear-gradient(145deg,rgba(246,251,248,.86) 0%,rgba(231,242,236,.80) 52%,rgba(213,232,223,.76) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 18px 0 34px rgba(3,63,50,.03),
        0 14px 42px rgba(2,45,34,.08);
    backdrop-filter:blur(30px) saturate(142%);
    -webkit-backdrop-filter:blur(30px) saturate(142%);
}
.km-auth-experience-grid--register .km-auth-form-panel::before{
    border-left:0;
    background:
        linear-gradient(90deg,rgba(3,63,50,.075),transparent 12%),
        linear-gradient(118deg,rgba(255,255,255,.22),transparent 26%);
}
.km-auth-experience-grid--register .km-auth-form-panel::after{
    display:none;
}
.km-auth-form-cap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    min-height:39px;
    padding:0 clamp(26px,3.7vw,50px);
    overflow:hidden;
    border-bottom:1px solid rgba(240,207,105,.34);
    background:
        radial-gradient(180px 70px at 92% 0%,rgba(142,224,188,.20),transparent 70%),
        linear-gradient(95deg,rgba(3,63,50,.98),rgba(0,143,104,.91) 64%,rgba(25,183,125,.76));
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(3,45,36,.20);
}
.km-auth-form-cap::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.50),transparent);
}
.km-auth-form-cap span{
    font-size:9.5px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.km-auth-form-cap--register{
    min-height:58px;
    padding:0 clamp(34px,3.7vw,50px);
    border-bottom:1px solid rgba(240,207,105,.30);
    background:
        linear-gradient(112deg,rgba(255,255,255,.16),transparent 24%),
        radial-gradient(260px 90px at 88% -12%,rgba(142,224,188,.34),transparent 74%),
        linear-gradient(100deg,rgba(4,72,56,.96),rgba(0,132,96,.90) 52%,rgba(30,176,126,.76));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(2,49,38,.28),
        0 8px 24px rgba(2,54,41,.08);
    backdrop-filter:blur(24px) saturate(150%);
    -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.km-auth-form-cap--register span{
    color:rgba(255,255,255,.96);
    text-shadow:0 1px 10px rgba(1,36,27,.28);
}
.km-auth-form-body{
    position:relative;
    z-index:2;
    align-self:center;
    width:min(100%,650px);
    box-sizing:border-box;
    margin:0 auto;
    padding:clamp(32px,4.4vw,54px);
}
.km-auth-experience-grid--register .km-auth-form-body{
    align-self:center;
    width:min(100%,660px);
    padding:clamp(28px,2.6vw,36px) clamp(34px,3.7vw,50px);
}
.km-auth-form-body--finish{
    width:min(100%,760px);
}
.km-auth-form-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--km-auth-emerald);
    font-size:10px;
    font-weight:950;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.km-auth-form-eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    background:linear-gradient(90deg,var(--km-auth-gold),var(--km-auth-emerald-hi));
    box-shadow:0 0 10px rgba(216,174,40,.15);
}
.km-auth-form-body h2{
    margin:9px 0 9px;
    color:var(--km-auth-ink);
    font-family:var(--km-runtime-display-font,var(--km-runtime-heading-font));
    font-size:clamp(35px,3.9vw,53px);
    line-height:.98;
    letter-spacing:-.043em;
}
.km-auth-experience-grid--register .km-auth-form-body h2{
    max-width:none;
    font-size:clamp(31px,2.8vw,40px);
}
.km-auth-register-title>span{
    display:block;
    white-space:nowrap;
}
.km-auth-register-title>small{
    display:block;
    margin-top:5px;
    color:color-mix(in srgb,var(--km-auth-forest) 82%,var(--km-auth-emerald) 18%);
    font-family:var(--km-runtime-heading-font);
    font-size:.56em;
    font-weight:800;
    line-height:1.15;
    letter-spacing:-.015em;
}
.km-auth-form-lead,
.km-auth-mail-state>p{
    max-width:52ch;
    margin:0 0 22px;
    color:var(--km-auth-muted);
    font-size:13.5px;
    line-height:1.58;
}
.km-auth-experience-grid--register .km-auth-form-lead{
    max-width:none;
    margin-bottom:18px;
    color:#48665c;
    font-size:14px;
    font-weight:650;
    line-height:1.45;
    white-space:nowrap;
}
.km-auth-experience-grid--register .km-auth-form{
    width:min(100%,560px);
}
.km-auth-form{
    display:grid;
    gap:14px;
}
.km-auth-field{
    display:grid!important;
    gap:7px!important;
    color:var(--km-auth-ink);
    font-weight:800!important;
}
.km-auth-field>span:first-child{
    font-size:12.2px;
}
.km-auth-input-wrap{
    position:relative;
    display:flex;
    align-items:center;
}
.km-auth-input-wrap>svg{
    position:absolute;
    left:16px;
    z-index:2;
    width:19px;
    height:19px;
    fill:none;
    stroke:color-mix(in srgb,var(--km-auth-emerald) 72%,var(--km-auth-forest) 28%);
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
}
.km-auth-field input{
    width:100%;
    min-height:53px!important;
    box-sizing:border-box;
    border:1px solid rgba(6,63,50,.18)!important;
    border-radius:14px!important;
    padding:0 15px 0 48px!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.74),rgba(244,248,246,.58))!important;
    color:var(--km-auth-ink)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 -1px 0 rgba(6,63,50,.025),
        0 9px 26px rgba(4,47,38,.035);
    backdrop-filter:blur(14px) saturate(120%);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.km-auth-field .km-auth-input-wrap:not(:has(>svg)) input{
    padding-left:15px!important;
}
.km-auth-field input::placeholder{
    color:#819089;
}
.km-auth-field input:focus{
    outline:none!important;
    border-color:rgba(0,143,104,.70)!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:
        0 0 0 3px rgba(25,183,125,.115),
        0 0 0 1px rgba(216,174,40,.11),
        0 13px 30px rgba(4,47,38,.065)!important;
}
.km-auth-input-wrap--password input{
    padding-right:52px!important;
}
.km-auth-password-toggle{
    position:absolute;
    right:10px;
    z-index:3;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:12px;
    background:transparent;
    color:var(--km-auth-forest);
    cursor:pointer;
}
.km-auth-password-toggle:hover,
.km-auth-password-toggle:focus-visible{
    background:rgba(0,143,104,.075);
    outline:1px solid rgba(0,143,104,.18);
}
.km-auth-password-toggle svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.km-auth-inline-link{
    display:flex;
    justify-content:flex-end;
    margin-top:-3px;
}
.km-auth-inline-link a,
.km-auth-switch a{
    color:var(--km-auth-forest);
    font-weight:850;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.km-auth-primary{
    position:relative;
    overflow:hidden;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:53px!important;
    margin-top:1px;
    border:1px solid rgba(240,207,105,.70)!important;
    border-radius:15px!important;
    background:
        linear-gradient(95deg,var(--km-auth-forest-2) 0%,var(--km-auth-emerald) 58%,var(--km-auth-emerald-hi) 100%)!important;
    color:#fff!important;
    font-weight:950!important;
    letter-spacing:.045em;
    text-transform:uppercase;
    box-shadow:
        0 14px 32px rgba(3,63,50,.20),
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(3,45,36,.30)!important;
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
    cursor:pointer!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.km-auth-primary::before{
    content:"";
    position:absolute;
    inset:0 auto 0 -28%;
    width:23%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.17),transparent);
    transform:skewX(-18deg);
    opacity:.60;
}
.km-auth-primary:hover,
.km-auth-primary:focus-visible{
    transform:translateY(-2px);
    filter:brightness(1.045);
    box-shadow:
        0 19px 40px rgba(3,63,50,.25),
        0 0 0 3px rgba(240,207,105,.10),
        inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.km-auth-body .km-auth-primary:active,
.km-auth-body .km-auth-primary.km-click-confirmed{
    transform:translateY(2px) scale(.987)!important;
    filter:brightness(.8)!important;
    box-shadow:inset 0 3px 12px rgba(0,25,20,.32),0 0 0 3px rgba(240,207,105,.3)!important;
}
.km-auth-body .km-auth-primary[aria-busy="true"]{
    transform:none!important;
    filter:brightness(1)!important;
    cursor:progress!important;
    opacity:1!important;
}
.km-auth-body .km-auth-primary[aria-busy="true"]::after{
    content:"";
    display:inline-block;
    width:17px;
    height:17px;
    flex:none;
    border:2px solid rgba(255,255,255,.42);
    border-top-color:#fff;
    border-radius:50%;
    animation:km-auth-submit-spin .65s linear infinite;
}
.km-auth-body .km-auth-primary:disabled:not([aria-busy="true"]){cursor:not-allowed!important;opacity:.65!important;}
.km-auth-body .km-auth-submit-feedback{
    margin:9px 0 0;
    color:var(--km-auth-forest,#063f32);
    font-size:13px;
    font-weight:800;
    text-align:center;
    line-height:1.4;
}
.km-auth-body .km-auth-submit-feedback[hidden]{display:none;}
.km-auth-body .km-auth-submit-feedback.is-error{color:#982f23;}
.km-auth-body .km-auth-field input[aria-invalid="true"]{border-color:#bd392d!important;box-shadow:0 0 0 3px rgba(189,57,45,.14)!important;}
@keyframes km-auth-submit-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.km-auth-body .km-auth-primary[aria-busy="true"]::after{animation-duration:2.1s;}}
.km-auth-switch{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-wrap:wrap;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid rgba(6,63,50,.11);
    color:var(--km-auth-muted);
    font-size:12px;
}
.km-auth-experience-grid--register .km-auth-switch{
    width:min(100%,560px);
    margin-top:18px;
    padding-top:16px;
}
.km-auth-message{
    margin:16px 0;
    border-color:rgba(185,71,58,.34)!important;
    background:rgba(255,243,241,.76)!important;
    color:#6e3028;
}
.km-auth-magic-note{
    margin:0;
    color:var(--km-auth-muted);
    font-size:11px;
    line-height:1.48;
    text-align:center;
}
.km-auth-mail-state{
    display:grid;
    justify-items:start;
}
.km-auth-form-panel--mail{
    background:
        linear-gradient(132deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.14) 18%,transparent 31%),
        radial-gradient(460px 300px at 88% 6%,rgba(240,207,105,.17),transparent 70%),
        radial-gradient(520px 340px at 8% 92%,rgba(25,183,125,.15),transparent 70%),
        linear-gradient(146deg,rgba(247,252,249,.94) 0%,rgba(231,242,236,.91) 50%,rgba(211,229,220,.88) 100%);
}
.km-auth-form-panel--mail .km-auth-form-body{
    align-self:center;
}
.km-auth-mail-expiry{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:1px 0 17px;
    padding:9px 14px;
    border:1px solid rgba(216,174,40,.42);
    border-radius:999px;
    background:
        linear-gradient(135deg,rgba(240,207,105,.18),rgba(255,255,255,.38));
    color:#5d470e;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 8px 24px rgba(141,103,21,.07);
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.km-auth-mail-state-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    margin-bottom:18px;
    border:1px solid rgba(240,207,105,.43);
    border-radius:18px;
    background:
        radial-gradient(circle at 32% 26%,rgba(255,255,255,.26),transparent 46%),
        linear-gradient(145deg,rgba(0,143,104,.11),rgba(240,207,105,.10));
    color:var(--km-auth-emerald);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 10px 28px rgba(3,63,50,.08);
}
.km-auth-mail-state-icon svg{
    width:30px;
    height:30px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.km-auth-mail-hint{
    margin:-9px 0 2px!important;
    padding:12px 14px;
    border:1px solid rgba(216,174,40,.24);
    border-radius:13px;
    background:rgba(240,207,105,.07);
    color:var(--km-auth-forest)!important;
    font-size:12px!important;
}
.km-auth-confirmed-email{
    display:flex;
    align-items:center;
    gap:10px;
    width:max-content;
    max-width:100%;
    margin:18px 0 22px;
    padding:9px 13px;
    border:1px solid rgba(0,143,104,.20);
    border-radius:999px;
    background:rgba(25,183,125,.08);
    color:var(--km-auth-forest);
    font-size:12px;
}
.km-auth-confirmed-email span{
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border-radius:50%;
    background:var(--km-auth-emerald);
    color:#fff;
    font-size:11px;
}
.km-auth-confirmed-email strong{
    overflow:hidden;
    text-overflow:ellipsis;
}
.km-auth-step-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    margin:0 0 22px;
}
.km-auth-step-row span{
    display:grid;
    gap:4px;
    min-width:0;
    padding:8px 7px;
    border:1px solid rgba(6,63,50,.12);
    border-radius:12px;
    background:rgba(255,255,255,.34);
    color:var(--km-auth-muted);
    font-size:9px;
    font-weight:800;
    text-align:center;
}
.km-auth-step-row b{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin:auto;
    border:1px solid rgba(216,174,40,.36);
    border-radius:50%;
    color:var(--km-auth-forest);
    background:rgba(230,190,58,.09);
    font-size:9px;
}
.km-auth-finish-guide{
    display:grid;
    gap:10px;
    margin:27px 0 0;
    padding:0;
    list-style:none;
}
.km-auth-finish-guide li{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:start;
}
.km-auth-finish-guide li>span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid rgba(230,190,58,.44);
    border-radius:50%;
    color:#f7dc7d;
    background:rgba(255,255,255,.055);
    font-size:10px;
    font-weight:950;
}
.km-auth-finish-guide strong{
    display:block;
    padding-top:3px;
    color:#fff;
    font-size:13px;
}
.km-auth-finish-guide small{
    display:block;
    margin-top:2px;
    color:rgba(255,255,255,.69);
    font-size:11px;
    line-height:1.45;
}
.km-auth-field-group{
    display:grid;
    gap:6px;
}
.km-auth-field-help{
    margin:-5px 2px 3px;
    color:var(--km-auth-muted);
    font-size:11px;
    line-height:1.52;
}
.km-auth-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.km-auth-values{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    margin:16px 0 0;
    border:1px solid rgba(240,207,105,.30);
    border-radius:22px;
    background:
        linear-gradient(118deg,rgba(255,255,255,.30),transparent 24%),
        radial-gradient(360px 170px at 88% -8%,rgba(240,207,105,.13),transparent 70%),
        radial-gradient(360px 180px at 12% 112%,rgba(25,183,125,.11),transparent 72%),
        linear-gradient(125deg,rgba(244,249,246,.88) 0%,rgba(226,237,231,.78) 34%,rgba(239,234,212,.56) 62%,rgba(216,233,225,.78) 100%);
    box-shadow:
        0 16px 46px rgba(3,45,36,.16),
        inset 0 1px 0 rgba(255,255,255,.78);
    backdrop-filter:blur(22px) saturate(118%);
    -webkit-backdrop-filter:blur(22px) saturate(118%);
}
.km-auth-values article{
    position:relative;
    display:grid;
    justify-items:center;
    align-content:center;
    gap:4px;
    min-height:102px;
    padding:13px 12px 12px;
    text-align:center;
}
.km-auth-values article+article{
    border-left:1px solid rgba(6,63,50,.10);
}
.km-auth-values article::after{
    content:"";
    position:absolute;
    top:0;
    left:25%;
    right:25%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(240,207,105,.28),transparent);
}
.km-auth-value-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-bottom:2px;
    color:#42695d;
}
.km-auth-value-icon::before{
    content:"";
    position:absolute;
    inset:4px;
    border:1.5px solid #0b6d55;
    border-radius:50%;
    background:
        radial-gradient(circle at 34% 26%,rgba(255,255,255,.46),transparent 39%),
        linear-gradient(145deg,rgba(25,183,125,.10),rgba(6,91,70,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.46),
        0 0 15px rgba(11,109,85,.08);
}
.km-auth-value-icon svg{
    position:relative;
    z-index:2;
    width:36px;
    height:36px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.km-auth-tabler-icon{
    position:absolute;
    z-index:2;
    display:block;
    background:currentColor;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}
.km-auth-tabler-icon--seedling{
    width:30px;
    height:30px;
    opacity:.88;
    transform:translateY(1px);
    -webkit-mask-image:url("/auth-icons/seedling.svg");
    mask-image:url("/auth-icons/seedling.svg");
}
.km-auth-tabler-icon--rosette{
    width:34px;
    height:34px;
    opacity:.42;
    -webkit-mask-image:url("/auth-icons/rosette.svg");
    mask-image:url("/auth-icons/rosette.svg");
}
.km-auth-tabler-icon--eye{
    width:23px;
    height:23px;
    opacity:.96;
    -webkit-mask-image:url("/auth-icons/eye.svg");
    mask-image:url("/auth-icons/eye.svg");
}
.km-auth-tabler-icon--heart{
    width:30px;
    height:30px;
    opacity:.88;
    -webkit-mask-image:url("/auth-icons/heart.svg");
    mask-image:url("/auth-icons/heart.svg");
}
.km-auth-tabler-icon--infinity{
    width:34px;
    height:29px;
    opacity:.88;
    -webkit-mask-image:url("/auth-icons/infinity.svg");
    mask-image:url("/auth-icons/infinity.svg");
}
.km-auth-value-icon--community svg{
    width:35px;
    height:35px;
    stroke-width:2.15;
}
.km-auth-values strong{
    color:#0b6d55;
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.km-auth-values small{
    color:#63776d;
    font-size:9px;
    line-height:1.35;
}
.km-auth-brand-signature{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    width:min(820px,100%);
    margin:16px auto 0;
    padding:12px 18px 0;
    color:#fff5c8;
    text-align:center;
    text-shadow:0 2px 16px rgba(0,0,0,.20);
}
.km-auth-brand-signature>div{
    display:grid;
    gap:2px;
    min-width:180px;
}
.km-auth-brand-signature strong{
    font-family:var(--km-runtime-heading-font);
    font-size:27px;
    font-weight:730;
    letter-spacing:.01em;
}
.km-auth-brand-signature small{
    color:rgba(255,255,255,.76);
    font-size:10.5px;
    letter-spacing:.02em;
}
.km-auth-page--register .km-auth-brand-signature{
    position:relative;
    z-index:3;
    color:#f4d86f;
    text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.km-auth-page--register .km-auth-brand-signature strong{
    color:#f7e59b;
}
.km-auth-page--register .km-auth-brand-signature small{
    color:rgba(239,247,243,.82);
}
.km-auth-page--register .km-auth-values{
    position:relative;
    z-index:3;
    margin-top:0;
    border-top:0;
    border-radius:0 0 22px 22px;
    background:
        linear-gradient(116deg,rgba(255,255,255,.36),rgba(255,255,255,.08) 27%,transparent 45%),
        radial-gradient(360px 180px at 86% -4%,rgba(240,207,105,.12),transparent 72%),
        radial-gradient(350px 190px at 8% 108%,rgba(25,183,125,.13),transparent 72%),
        linear-gradient(125deg,rgba(239,248,244,.80),rgba(211,234,223,.68) 38%,rgba(231,233,210,.46) 64%,rgba(196,224,211,.67));
    box-shadow:
        0 18px 46px rgba(3,45,36,.14),
        inset 0 1px 0 rgba(255,255,255,.72);
    backdrop-filter:blur(24px) saturate(138%);
    -webkit-backdrop-filter:blur(24px) saturate(138%);
}
.km-auth-speed-mark{
    display:block;
    width:106px;
    color:var(--km-auth-gold-hi);
    filter:drop-shadow(0 0 4px rgba(240,207,105,.09));
    opacity:.82;
}
.km-auth-speed-mark svg{
    display:block;
    width:100%;
    height:auto;
    fill:currentColor;
    stroke:none;
}
.km-auth-speed-mark--left{
    transform:scaleX(-1);
}
.km-auth-stage-botanicals{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    bottom:0;
    height:360px;
    overflow:hidden;
    pointer-events:none;
    opacity:.14;
}
.km-auth-botanical{
    position:absolute;
    bottom:-24px;
    width:min(330px,24vw);
    height:auto;
    fill:none;
    stroke:rgba(194,225,211,.78);
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:blur(.2px) drop-shadow(0 0 18px rgba(25,183,125,.08));
}
.km-auth-botanical--left{
    left:-32px;
}
.km-auth-botanical--right{
    right:-32px;
}
.km-nickname-feedback:not(:empty){
    margin-top:4px;
    color:var(--km-auth-forest);
    font-size:11px;
    font-weight:800;
}
.km-nickname-suggestions:not(:empty){
    margin-top:4px;
}
@media(max-width:980px){
    .km-auth-page--experience{
        background-position:center,center,center,center,var(--km-auth-focal-x-tablet,50%) var(--km-auth-focal-y-tablet,50%);
    }
    .km-auth-experience{
        width:min(900px,calc(100% - 28px));
    }
    .km-auth-experience-grid,
    .km-auth-experience-grid--register,
    .km-auth-experience-grid--finish{
        grid-template-columns:1fr;
        min-height:0;
    }
    .km-auth-story-inner,
    .km-auth-story--register .km-auth-story-inner{
        padding:33px 32px;
    }
    .km-auth-story h2{
        max-width:16ch;
        font-size:clamp(34px,5.7vw,48px);
    }
    .km-auth-story--register h2{
        max-width:16ch;
        font-size:clamp(33px,5.2vw,44px);
    }
    .km-auth-benefits{
        grid-template-columns:1fr 1fr;
        gap:10px 18px;
        margin-top:21px;
    }
    .km-auth-story--register .km-auth-benefits{
        grid-template-columns:1fr;
        gap:9px;
        margin-top:16px;
    }
    .km-auth-professional-grid{
        grid-template-columns:1fr 1fr;
    }
    .km-auth-story-signoff{
        margin-top:23px;
        padding-top:20px;
    }
    .km-auth-story--register .km-auth-story-signoff{
        margin-top:18px;
        padding-top:14px;
    }
    .km-auth-form-body,
    .km-auth-form-body--finish,
    .km-auth-experience-grid--register .km-auth-form-body{
        width:auto;
        padding:34px 34px 36px;
    }
    .km-auth-experience-grid--register .km-auth-form-lead{
        white-space:normal;
    }
    .km-auth-register-title>span{
        white-space:normal;
    }
    .km-auth-values{
        overflow:hidden;
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
}
@media(max-width:700px){
    .km-auth-page--experience{
        min-height:0;
        padding:22px 0 32px;
        background-position:center,center,center,center,var(--km-auth-focal-x-mobile,50%) var(--km-auth-focal-y-mobile,50%);
    }
    .km-auth-experience{
        width:calc(100% - 18px);
    }
    .km-auth-hero{
        min-height:auto;
        margin-bottom:15px;
        padding:6px 8px 0;
    }
    .km-auth-hero-kicker{
        margin-bottom:5px;
        font-size:9px;
    }
    .km-auth-hero h1{
        font-size:41px;
    }
    .km-auth-hero p{
        margin-top:6px;
        font-size:16.5px;
    }
    .km-auth-stage-geometry{
        width:520px;
        right:-285px;
        top:6%;
        opacity:.14;
    }
    .km-auth-page--register .km-auth-stage-geometry{
        left:-300px;
        right:auto;
    }
    .km-auth-experience-grid{
        border-radius:24px;
    }
    .km-auth-story-inner,
    .km-auth-story--register .km-auth-story-inner{
        padding:27px 21px 25px;
    }
    .km-auth-story-kicker{
        font-size:9px;
    }
    .km-auth-story h2{
        margin:9px 0 11px;
        max-width:14ch;
        font-size:33px;
    }
    .km-auth-story--register h2{
        margin:8px 0 10px;
        max-width:14ch;
        font-size:30px;
    }
    .km-auth-story-inner>p,
    .km-auth-story--register .km-auth-story-inner>p{
        font-size:12.5px;
    }
    .km-auth-benefits{
        grid-template-columns:1fr;
        gap:7px;
        margin-top:17px;
    }
    .km-auth-story--register .km-auth-benefits{
        grid-template-columns:1fr;
        gap:8px;
        margin-top:14px;
    }
    .km-auth-professional-options{
        margin-top:14px;
        padding-top:12px;
    }
    .km-auth-professional-grid{
        grid-template-columns:1fr;
    }
    .km-auth-benefits li,
    .km-auth-story--register .km-auth-benefits li{
        grid-template-columns:31px 1fr;
        gap:9px;
    }
    .km-auth-benefit-icon,
    .km-auth-story--register .km-auth-benefit-icon{
        width:30px;
        height:30px;
    }
    .km-auth-benefit-icon svg,
    .km-auth-story--register .km-auth-benefit-icon svg{
        width:20px;
        height:20px;
    }
    .km-auth-benefits b,
    .km-auth-story--register .km-auth-benefits b{
        font-size:11.2px;
    }
    .km-auth-story-signoff{
        margin-top:16px;
        padding-top:16px;
    }
    .km-auth-story--register .km-auth-story-signoff{
        margin-top:12px;
        padding-top:11px;
    }
    .km-auth-story-signoff strong,
    .km-auth-story--register .km-auth-story-signoff strong{
        font-size:20px;
    }
    .km-auth-form-cap{
        min-height:37px;
        padding:0 21px;
    }
    .km-auth-form-body,
    .km-auth-form-body--finish,
    .km-auth-experience-grid--register .km-auth-form-body{
        padding:27px 20px 29px;
    }
    .km-auth-experience-grid--register .km-auth-form{
        width:100%;
    }
    .km-auth-experience-grid--register .km-auth-switch{
        width:100%;
    }
    .km-auth-form-body h2,
    .km-auth-experience-grid--register .km-auth-form-body h2{
        font-size:34px;
    }
    .km-auth-form-lead,
    .km-auth-mail-state>p,
    .km-auth-experience-grid--register .km-auth-form-lead{
        font-size:12.6px;
        margin-bottom:19px;
    }
    .km-auth-form-grid{
        grid-template-columns:1fr;
    }
    .km-auth-step-row{
        display:flex;
        overflow-x:auto;
        padding-bottom:4px;
        scrollbar-width:none;
    }
    .km-auth-step-row::-webkit-scrollbar{display:none}
    .km-auth-step-row span{
        flex:0 0 88px;
    }
    .km-auth-values{
        margin-top:14px;
        border-radius:18px;
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
    .km-auth-values article{
        min-width:0;
        min-height:92px;
        padding:10px 3px 9px;
    }
    .km-auth-value-icon{
        width:36px;
        height:36px;
    }
    .km-auth-value-icon svg{
        width:27px;
        height:27px;
    }
    .km-auth-value-icon::before{
        inset:4px;
    }
    .km-auth-values strong{
        max-width:100%;
        font-size:7.9px;
        line-height:1.12;
        letter-spacing:.025em;
    }
    .km-auth-values small{
        max-width:100%;
        font-size:7.1px;
        line-height:1.22;
    }
    .km-auth-brand-signature{
        gap:8px;
        margin-top:10px;
        padding:10px 4px 0;
    }
    .km-auth-brand-signature>div{
        min-width:128px;
    }
    .km-auth-brand-signature strong{
        font-size:19px;
    }
    .km-auth-brand-signature small{
        font-size:8.8px;
    }
    .km-auth-speed-mark{
        width:62px;
    }
}
@media(max-width:430px){
    .km-auth-hero h1{font-size:37px}
    .km-auth-story h2{font-size:30px}
    .km-auth-story--register h2{font-size:29px}
    .km-auth-form-body h2,
    .km-auth-experience-grid--register .km-auth-form-body h2{font-size:32px}
    .km-auth-story-signoff small{font-size:10.8px}
}
@media(prefers-reduced-motion:reduce){
    .km-auth-primary,
    .km-auth-field input{
        transition:none!important;
    }
}