@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

    .ron-auth-page {
      --ron-green-950:#0b2419;
      --ron-green-900:#123225;
      --ron-green-800:#1b4633;
      --ron-green-700:#286046;
      --ron-lime:#c4e600;
      --ron-lime-deep:#9fbe00;
      --ron-ink:#10251c;
      --ron-muted:#68746e;
      --ron-cream:#f4f2eb;
      --ron-white:#fff;
      --ron-line:#dfe3dd;
      --ron-error:#a53c3c;
      min-height:100svh;
      margin:0;
      color:var(--ron-ink);
      background:
        radial-gradient(circle at 8% 0%,rgba(196,230,0,.12),transparent 24rem),
        radial-gradient(circle at 92% 100%,rgba(18,50,37,.08),transparent 30rem),
        var(--ron-cream);
      font-family:Inter,Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
    }
    .ron-auth-page *{box-sizing:border-box}
    .ron-auth-page button,.ron-auth-page input{font:inherit}
    .ron-auth-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}
    .ron-auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
    .ron-auth-logo{display:inline-flex;align-items:center;text-decoration:none}
    .ron-auth-logo img{display:block;width:172px;height:auto;aspect-ratio:1200/678;object-fit:contain}
    .ron-auth-back{display:inline-flex;align-items:center;gap:9px;color:var(--ron-green-900);font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
    .ron-auth-back::before{content:"←";font-size:18px;font-weight:400;transition:transform .2s ease}
    .ron-auth-back:hover::before{transform:translateX(-3px)}

    .ron-auth-grid{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(690px,1.22fr);min-height:710px;border:1px solid rgba(18,50,37,.1);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(18,50,37,.12)}
    .ron-auth-story{position:relative;display:flex;flex-direction:column;min-height:100%;padding:58px 56px 42px;color:white;overflow:hidden;background:linear-gradient(145deg,var(--ron-green-950),#173b2a 56%,#244d32)}
    .ron-auth-story::before,.ron-auth-story::after{content:"";position:absolute;border:1px solid rgba(196,230,0,.23);border-radius:50%;pointer-events:none}
    .ron-auth-story::before{width:520px;height:520px;right:-250px;bottom:-250px}
    .ron-auth-story::after{width:350px;height:350px;right:-155px;bottom:-164px}
    .ron-auth-kicker{position:relative;margin:0 0 27px;color:var(--ron-lime);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
    .ron-auth-story h1{position:relative;max-width:600px;margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,4.4vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.035em}
    .ron-auth-lead{position:relative;max-width:570px;margin:25px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.75}
    .ron-auth-benefits{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:42px 0 34px}
    .ron-auth-benefit{min-height:128px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.045);backdrop-filter:blur(4px)}
    .ron-auth-benefit svg{width:22px;height:22px;margin-bottom:17px;color:var(--ron-lime)}
    .ron-auth-benefit h2{margin:0 0 8px;font-size:13px;line-height:1.35}
    .ron-auth-benefit p{margin:0;color:rgba(255,255,255,.63);font-size:12px;line-height:1.65}
    .ron-auth-signature{position:relative;margin:auto 0 0;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
    .ron-auth-signature b{color:#fff}

    .ron-auth-panel{display:flex;align-items:center;padding:38px 40px;background:rgba(255,255,255,.96)}
    .ron-auth-card{width:100%;max-width:760px;margin:auto}
    .ron-auth-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--ron-green-700);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
    .ron-auth-eyebrow::before{content:"";width:7px;height:7px;border:2px solid var(--ron-lime);border-radius:50%}
    .ron-auth-card h1{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:43px;font-weight:500;line-height:1.12;letter-spacing:-.035em}
    .ron-auth-secure{display:flex;align-items:center;gap:8px;margin:13px 0 27px;color:var(--ron-muted);font-size:12px}
    .ron-auth-secure svg{width:15px;height:15px;color:var(--ron-green-700)}

    .ron-auth-social-label{display:flex;align-items:center;gap:13px;margin:0 0 13px;color:#849089;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
    .ron-auth-social-label::before,.ron-auth-social-label::after{content:"";height:1px;flex:1;background:var(--ron-line)}
    .ron-auth-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .ron-social-btn{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ron-line);border-radius:12px;color:var(--ron-ink);background:#fff;cursor:pointer;font-size:11px;font-weight:700;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
    .ron-social-mark{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;font-size:13px;font-weight:700}
    .ron-social-mark svg{display:block;width:13px;height:15px;fill:currentColor}
    .ron-social-mark.google{color:#4285f4;background:#f3f6ff}.ron-social-mark.facebook{color:#fff;background:#1877f2}.ron-social-mark.apple{color:#fff;background:#111}

    .ron-auth-tabs{display:none;grid-template-columns:1fr 1fr;margin:29px 0 0;border-bottom:1px solid var(--ron-line)}
    .ron-auth-tab{position:relative;min-height:48px;border:0;color:#78827c;background:transparent;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
    .ron-auth-tab[aria-selected="true"]{color:var(--ron-green-900)}
    .ron-auth-tab[aria-selected="true"]::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ron-green-800)}
    .ron-auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
    .ron-auth-tabpanel{padding:20px;border:1px solid var(--ron-line);border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(18,50,37,.055)}
    .ron-auth-tabpanel::before{display:block;margin-bottom:18px;color:var(--ron-green-900);font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:500}
    #ron-login-panel::before{content:"Đăng nhập"}
    #ron-register-panel::before{content:"Tạo tài khoản"}
    .ron-auth-form{padding-top:0}
    .ron-auth-field{margin-bottom:17px}
    .ron-auth-field label{display:block;margin-bottom:8px;color:#263b31;font-size:11px;font-weight:700}
    .ron-auth-input-wrap{position:relative}
    .ron-auth-field input{width:100%;height:54px;padding:0 16px;border:1px solid #d5dbd6;border-radius:12px;outline:0;color:var(--ron-ink);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
    .ron-auth-field input::placeholder{color:#9ca59f}
    .ron-auth-field input:focus{border-color:var(--ron-green-700);box-shadow:0 0 0 4px rgba(40,96,70,.1)}
    .ron-auth-reveal{position:absolute;top:0;right:0;display:grid;width:50px;height:54px;padding:0;place-items:center;border:0;color:var(--ron-green-800);background:transparent;cursor:pointer}
    .ron-auth-reveal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .ron-auth-reveal .ron-eye-off{display:none}
    .ron-auth-reveal[aria-pressed="true"] .ron-eye-on{display:none}
    .ron-auth-reveal[aria-pressed="true"] .ron-eye-off{display:block}
    .ron-auth-input-wrap input{padding-right:54px}
    .ron-auth-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-1px 0 21px}
    .ron-auth-check{display:flex;align-items:center;gap:9px;color:var(--ron-muted);font-size:11px;cursor:pointer}
    .ron-auth-check input{width:16px;height:16px;margin:0;accent-color:var(--ron-green-800)}
    .ron-auth-forgot{color:var(--ron-green-800);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
    .ron-auth-submit{width:100%;min-height:54px;border:1px solid var(--ron-green-800);border-radius:12px;color:#fff;background:var(--ron-green-800);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
    .ron-auth-support{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:21px;border-top:1px solid var(--ron-line)}
    .ron-auth-support h3{margin:0 0 5px;font-family:"Playfair Display",Georgia,serif;font-size:20px;font-weight:500}
    .ron-auth-support p{max-width:265px;margin:0;color:var(--ron-muted);font-size:11px;line-height:1.55}
    .ron-auth-zalo{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:0 17px;border-radius:10px;color:var(--ron-green-950);background:var(--ron-lime);font-size:10px;font-weight:800;letter-spacing:.055em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
    .ron-auth-tabpanel[hidden]{display:block}
    .ron-auth-mobile-benefits{display:none}
    .ron-auth-page :focus-visible{outline:3px solid rgba(196,230,0,.75);outline-offset:3px}

    @media (max-width:980px){
      .ron-auth-shell{width:min(100% - 28px,760px);padding-top:20px}
      .ron-auth-grid{grid-template-columns:1fr;min-height:0}
      .ron-auth-story{min-height:auto;padding:42px}
      .ron-auth-story h1{font-size:44px}
      .ron-auth-benefits{margin:32px 0 24px}
      .ron-auth-panel{padding:44px}
      .ron-auth-card{max-width:680px}
      .ron-auth-tabs{display:grid}
      .ron-auth-form-grid{display:block;margin-top:0}
      .ron-auth-tabpanel{padding:0;border:0;border-radius:0;box-shadow:none}
      .ron-auth-tabpanel::before{display:none}
      .ron-auth-tabpanel[hidden]{display:none}
    }
    @media (max-width:640px){
      .ron-auth-shell{width:100%;padding:0}
      .ron-auth-topbar{margin:0;padding:17px 18px;border-bottom:1px solid rgba(18,50,37,.08);background:rgba(255,255,255,.78)}
      .ron-auth-logo img{width:132px}
      .ron-auth-back{font-size:10px}
      .ron-auth-grid{display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}
      .ron-auth-panel{order:1;padding:34px 20px 28px}
      .ron-auth-card h1{font-size:36px}
      .ron-auth-socials{grid-template-columns:1fr}
      .ron-social-btn{justify-content:flex-start;padding-left:calc(50% - 53px)}
      .ron-auth-tabs{display:grid;margin-top:24px}
      .ron-auth-form-grid{display:block;margin-top:0}
      .ron-auth-tabpanel{padding:0;border:0;border-radius:0;box-shadow:none}
      .ron-auth-tabpanel::before{display:none}
      .ron-auth-tabpanel[hidden]{display:none}
      .ron-auth-options{align-items:flex-start;flex-direction:column;gap:12px}
      .ron-auth-support{align-items:flex-start;flex-direction:column}
      .ron-auth-zalo{width:100%}
      .ron-auth-story{order:2;padding:35px 20px 29px;border-radius:0}
      .ron-auth-kicker{margin-bottom:16px;font-size:9px}
      .ron-auth-story h1{font-size:32px;line-height:1.08}
      .ron-auth-lead{margin-top:17px;font-size:13px;line-height:1.65}
      .ron-auth-benefits{display:none}
      .ron-auth-mobile-benefits{position:relative;display:block;margin-top:23px;border-top:1px solid rgba(255,255,255,.15)}
      .ron-auth-mobile-benefits summary{padding:17px 0;color:var(--ron-lime);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
      .ron-auth-mobile-benefits ul{margin:0 0 18px;padding:0 0 0 18px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.8}
      .ron-auth-signature{margin-top:20px}
    }
    @media (max-width:360px){.ron-auth-panel{padding-right:16px;padding-left:16px}.ron-auth-card h1{font-size:32px}}
    @media (prefers-reduced-motion:reduce){.ron-auth-page *{scroll-behavior:auto!important;transition:none!important}}

    /* V3 — soft neumorphism inspired by the approved visual reference */
    .ron-auth-page{
      --ron-neu-bg:#eaf0f9;
      --ron-neu-ink:#1d2940;
      --ron-neu-muted:#7b879b;
      --ron-neu-hover-transform:translateY(-1px);
      --ron-neu-hover-shadow:3px 3px 8px rgba(145,164,190,.42),-3px -3px 8px rgba(255,255,255,.92);
      background:
        radial-gradient(circle at 12% 16%,rgba(255,255,255,.94),transparent 23rem),
        radial-gradient(circle at 88% 84%,rgba(190,209,232,.48),transparent 28rem),
        var(--ron-neu-bg);
      color:var(--ron-neu-ink)
    }
    .ron-auth-shell{width:min(1080px,calc(100% - 40px));padding:24px 0 50px}
    .ron-auth-topbar{margin-bottom:30px;padding:9px 18px;border-radius:22px;background:rgba(234,240,249,.58);box-shadow:9px 9px 22px rgba(156,174,199,.32),-9px -9px 22px rgba(255,255,255,.9)}
    .ron-auth-logo img{width:154px}
    .ron-auth-grid{display:block;min-height:0;border:0;border-radius:34px;background:transparent;box-shadow:none}
    .ron-auth-story{display:none}
    .ron-auth-panel{padding:48px 56px;border-radius:34px;background:rgba(234,240,249,.78);box-shadow:16px 16px 38px rgba(148,168,194,.34),-16px -16px 38px rgba(255,255,255,.92)}
    .ron-auth-card{max-width:820px}
    .ron-auth-eyebrow{justify-content:center;margin-bottom:8px;color:var(--ron-green-700)}
    .ron-auth-card>h1{text-align:center;font-family:Inter,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.025em}
    .ron-auth-card>h1 sup{position:relative;top:-.55em;margin-left:2px;font-size:.38em;letter-spacing:0}
    .ron-auth-secure{justify-content:center;margin:10px 0 24px;color:var(--ron-neu-muted)}
    .ron-auth-social-label{margin-top:2px}
    .ron-auth-socials{display:flex;justify-content:center;gap:18px;margin-bottom:28px}
    .ron-social-btn{width:52px;min-height:52px;padding:0;border:0;border-radius:50%;font-size:0;background:var(--ron-neu-bg);box-shadow:6px 6px 13px rgba(145,164,190,.42),-6px -6px 13px rgba(255,255,255,.92)}
    .ron-social-mark{width:27px;height:27px;background:transparent!important}
    .ron-social-mark .ron-brand-google,.ron-social-mark .ron-brand-facebook{width:24px;height:24px}
    .ron-social-mark.apple{color:#182238}.ron-social-mark.apple svg{width:15px;height:18px}
    .ron-auth-form-grid{gap:28px;margin-top:12px}
    .ron-auth-tabpanel{padding:30px 28px 27px;border:0;border-radius:26px;background:var(--ron-neu-bg);box-shadow:12px 12px 27px rgba(145,164,190,.4),-12px -12px 27px rgba(255,255,255,.95)}
    .ron-auth-tabpanel::before{display:none}
    .ron-neu-icon{display:grid;width:86px;height:86px;margin:0 auto 18px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:50%;background:linear-gradient(145deg,#e6edf8,#f8fbff);box-shadow:9px 11px 24px rgba(143,161,188,.26),-8px -8px 20px rgba(255,255,255,.96)}
    .ron-neu-icon img{display:block;width:61px;height:42px;object-fit:contain}
    .ron-neu-title{margin:0;text-align:center;font-size:22px;font-weight:700;color:var(--ron-neu-ink)}
    .ron-neu-subtitle{margin:6px 0 25px;text-align:center;color:var(--ron-neu-muted);font-size:11px}
    .ron-auth-field{margin-bottom:15px}
    .ron-auth-field label{margin:0 0 7px 7px;color:#66738a;font-size:10px;font-weight:600}
    .ron-auth-field input{height:49px;padding:0 17px;border:0;border-radius:13px;color:var(--ron-neu-ink);background:var(--ron-neu-bg);box-shadow:inset 4px 4px 9px rgba(143,163,190,.36),inset -4px -4px 9px rgba(255,255,255,.94)}
    .ron-auth-field input:focus{border:0;box-shadow:inset 4px 4px 9px rgba(143,163,190,.32),inset -4px -4px 9px rgba(255,255,255,.94),0 0 0 3px rgba(196,230,0,.24)}
    .ron-auth-reveal{height:49px;color:var(--ron-green-700)}
    .ron-auth-options{margin:1px 1px 21px}
    .ron-auth-check,.ron-auth-forgot{font-size:10px}
    .ron-auth-submit{min-height:49px;border:0;border-radius:13px;color:var(--ron-green-900);background:var(--ron-neu-bg);box-shadow:6px 6px 13px rgba(145,164,190,.42),-6px -6px 13px rgba(255,255,255,.95)}
    .ron-auth-support{margin-top:32px;border-top:1px solid rgba(116,135,160,.18)}
    .ron-auth-zalo{background:var(--ron-lime);box-shadow:5px 5px 12px rgba(145,164,190,.3),-5px -5px 12px rgba(255,255,255,.8)}

    @media(max-width:980px){
      .ron-auth-shell{width:min(720px,calc(100% - 28px))}
      .ron-auth-panel{padding:40px}
      .ron-auth-tabs{border:0;border-radius:13px;background:var(--ron-neu-bg);box-shadow:inset 3px 3px 7px rgba(145,164,190,.3),inset -3px -3px 7px rgba(255,255,255,.9)}
      .ron-auth-tab[aria-selected="true"]::after{right:12%;left:12%;background:var(--ron-lime)}
      .ron-auth-tabpanel{margin-top:24px;padding:28px;box-shadow:10px 10px 23px rgba(145,164,190,.38),-10px -10px 23px rgba(255,255,255,.94)}
    }
    @media(max-width:640px){
      .ron-auth-shell{width:100%;padding:0}
      .ron-auth-topbar{border-radius:0;box-shadow:0 8px 22px rgba(145,164,190,.22)}
      .ron-auth-panel{padding:29px 18px 34px;border-radius:0;box-shadow:none}
      .ron-auth-card>h1{font-size:27px}
      .ron-auth-socials{display:flex;flex-direction:row}
      .ron-social-btn{justify-content:center;padding:0}
      .ron-auth-tabpanel{padding:25px 19px}
      .ron-auth-support{padding:20px 4px 0}
    }

    /* Final frame approved from the supplied reference */
    .ron-auth-panel{
      padding:44px;
      border:1px solid rgba(255,255,255,.72);
      border-radius:31px;
      background:#edf2fb;
      box-shadow:18px 22px 46px rgba(135,153,181,.29),-12px -12px 30px rgba(255,255,255,.9)
    }
    .ron-auth-form-grid{gap:26px}
    .ron-auth-tabpanel{
      padding:38px 30px 31px;
      border:1px solid rgba(255,255,255,.74);
      border-radius:29px;
      background:#edf2fb;
      box-shadow:14px 18px 35px rgba(145,161,188,.3),-10px -10px 25px rgba(255,255,255,.92)
    }
    .ron-auth-topbar{display:none}
    .ron-auth-card>.ron-auth-logo{display:flex;width:max-content;height:auto;margin:0 auto 15px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .18s ease,filter .18s ease;will-change:transform,filter}
    .ron-auth-card>.ron-auth-logo img{width:126px;height:auto;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(145,161,188,.18))}
    /* V4: restore the floating hover without adding a circular logo frame. */
    .ron-neu-icon{border:0;background:var(--ron-neu-bg);box-shadow:6px 6px 13px rgba(145,164,190,.42),-6px -6px 13px rgba(255,255,255,.92);transition:transform .2s ease,box-shadow .2s ease}
    .ron-auth-card>.ron-auth-eyebrow{margin-bottom:10px}
    @media(max-width:980px){
      .ron-auth-panel{padding:32px}
      .ron-auth-tabpanel{padding:36px 30px 31px}
    }
    @media(max-width:640px){
      .ron-auth-panel{padding:30px 16px 35px;border-radius:0;border-right:0;border-left:0;box-shadow:none}
      .ron-auth-tabpanel{padding:34px 22px 29px;border-radius:27px}
    }
    /* V4 — member experience blends into the page's light background. */
    .ron-auth-page .ron-member{
      --ron-member-muted:#536277;
      position:relative;isolation:isolate;overflow:hidden;
      margin-top:36px;padding:48px 52px 30px;
      border:1px solid transparent;border-radius:30px;
      color:var(--ron-neu-ink);background:transparent;
      box-shadow:none
    }
    .ron-auth-page .ron-member-kicker{margin:0 0 32px;color:var(--ron-green-700);font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
    .ron-auth-page .ron-member-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:42px}
    .ron-auth-page .ron-member-title{margin:0;color:var(--ron-neu-ink);font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4.3vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
    .ron-auth-page .ron-member-title span{display:block;margin-bottom:5px}
    .ron-auth-page .ron-member-intro{max-width:450px;margin:23px 0 0;color:var(--ron-member-muted);font-size:14px;line-height:1.85}
    .ron-auth-page .ron-member-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
    .ron-auth-page .ron-member-benefit{padding:23px 20px 22px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(237,242,251,.6);box-shadow:6px 8px 18px rgba(145,161,188,.16),-5px -5px 14px rgba(255,255,255,.65);transition:transform .2s ease,box-shadow .2s ease}
    .ron-auth-page .ron-member-benefit svg{display:block;width:23px;height:23px;margin-bottom:21px;fill:none;stroke:var(--ron-green-700);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
    .ron-auth-page .ron-member-benefit h3{margin:0 0 9px;font-size:13px;line-height:1.5;font-weight:700;color:var(--ron-neu-ink)}
    .ron-auth-page .ron-member-benefit p{margin:0;color:var(--ron-member-muted);font-size:12px;line-height:1.75}
    .ron-auth-page .ron-member-action{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:37px;padding-top:29px;border-top:1px solid rgba(116,135,160,.2)}
    .ron-auth-page .ron-member-action h3{margin:0 0 7px;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.02em;color:var(--ron-neu-ink)}
    .ron-auth-page .ron-member-action p{margin:0;color:var(--ron-member-muted);font-size:12px;line-height:1.65}
    .ron-auth-page .ron-member-action-copy{display:block;min-width:0;padding:12px 16px;margin:-12px -16px;border-radius:14px;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
    .ron-auth-page .ron-member-cta{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 25px;border:1px solid transparent;border-radius:13px;color:var(--ron-green-950);background:var(--ron-lime);box-shadow:0 7px 20px rgba(0,0,0,.15);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
    .ron-auth-page .ron-member-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
    .ron-auth-page .ron-member-signature{display:flex;flex-wrap:wrap;gap:8px 14px;margin:30px 0 0;color:var(--ron-member-muted);font-size:9px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
    .ron-auth-page .ron-member-signature strong{color:var(--ron-neu-ink);font-weight:600}
    .ron-auth-page #ron-register-panel{scroll-margin-top:24px}
    .ron-auth-page #ron-register-panel.ron-register-invited{outline:2px solid var(--ron-lime);outline-offset:5px}
    @media(max-width:980px){
      .ron-auth-page .ron-member{margin-top:30px;padding:38px 32px 28px}
      .ron-auth-page .ron-member-grid{grid-template-columns:1fr;gap:30px}
      .ron-auth-page .ron-member-title{max-width:550px;font-size:48px}
      .ron-auth-page .ron-member-intro{max-width:530px}
      .ron-auth-page .ron-member-benefit{padding:24px}
    }
    @media(max-width:640px){
      .ron-auth-page .ron-member{margin:18px 16px 24px;padding:31px 24px 25px;border-radius:27px}
      .ron-auth-page .ron-member-kicker{margin-bottom:24px;font-size:9px;letter-spacing:.12em}
      .ron-auth-page .ron-member-title{font-size:clamp(32px,8.2vw,46px)}
      .ron-auth-page .ron-member-intro{margin-top:19px;font-size:13px;line-height:1.8}
      .ron-auth-page .ron-member-benefits{grid-template-columns:1fr;gap:12px}
      .ron-auth-page .ron-member-benefit{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:14px;padding:19px 16px}
      .ron-auth-page .ron-member-benefit svg{grid-row:1 / 3;margin:2px 0 0}
      .ron-auth-page .ron-member-benefit h3{margin-bottom:6px;font-size:13px}
      .ron-auth-page .ron-member-action{flex-direction:column;align-items:stretch;gap:20px;margin-top:27px;padding-top:26px}
      .ron-auth-page .ron-member-action h3{font-size:20px}
      .ron-auth-page .ron-member-cta{width:100%;justify-content:space-between;padding:0 22px}
      .ron-auth-page .ron-member-signature{margin-top:25px;gap:6px;font-size:8px}
    }
  

/* RON INTERNATIONAL® footer V139 — one-level component selectors. */
.ronSf139-footer{display:block;box-sizing:border-box;inline-size:100%;margin:0;padding:60px 0 28px;background:transparent;color:#363636;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:normal;text-align:start;isolation:isolate;clear:both;}
.ronSf139-end{display:none;}
.ronSf139-inner{box-sizing:border-box;inline-size:100%;max-inline-size:1360px;margin-inline:auto;padding-inline:24px;}
.ronSf139-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;}
.ronSf139-left{display:block;min-inline-size:0;}
.ronSf139-right{display:block;min-inline-size:0;}
.ronSf139-navGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;}
.ronSf139-nav{display:block;min-inline-size:0;margin:0;padding:0;}
.ronSf139-heading{display:block;margin:0 0 10px;padding:0;color:#111;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;overflow-wrap:anywhere;}
.ronSf139-navList{display:block;margin:0;padding:0;list-style:none;}
.ronSf139-navItem{display:block;margin:0;padding:0;list-style:none;}
.ronSf139-navLink{display:flex;box-sizing:border-box;align-items:center;min-block-size:26px;margin:0;padding:4px 0;color:#3f3f3f;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;}
.ronSf139-navLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-business{display:block;margin:34px 0 0;padding:0;}
.ronSf139-businessTop{display:flex;min-block-size:44px;align-items:center;justify-content:space-between;gap:20px;margin:0 0 9px;}
.ronSf139-brandLink{display:flex;flex:0 0 104px;align-items:center;justify-content:center;min-block-size:44px;color:#111;text-decoration:none;}
.ronSf139-brandLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-logo{display:block;box-sizing:border-box;inline-size:104px;block-size:59px;max-inline-size:100%;margin:0;border:0;object-fit:contain;}
.ronSf139-companyName{display:block;margin:0 0 7px;padding:0;color:#333;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1.55;}
.ronSf139-businessText{display:block;margin:0 0 7px;padding:0;color:#444;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.55;overflow-wrap:anywhere;}
.ronSf139-address{display:block;margin:0;padding:0;color:#444;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;font-style:normal;line-height:1.55;overflow-wrap:anywhere;}
.ronSf139-socialAppRow{display:flex;align-items:start;justify-content:flex-start;gap:64px;}
.ronSf139-socialGroup{display:block;min-inline-size:0;}
.ronSf139-appGroup{display:block;min-inline-size:0;}
.ronSf139-iconRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;}
.ronSf139-iconLink{display:inline-flex;box-sizing:border-box;inline-size:44px;block-size:44px;flex:0 0 44px;align-items:center;justify-content:center;margin:0;padding:8px;border:0;border-radius:0;background:transparent;color:#111;text-decoration:none;transition:opacity 160ms ease;}
.ronSf139-iconLink:focus-visible{outline:2px solid #111;outline-offset:2px;}
.ronSf139-icon{display:block;inline-size:26px;block-size:26px;flex:0 0 26px;max-inline-size:100%;color:inherit;}
.ronSf139-zaloIcon{display:flex;align-items:center;justify-content:center;inline-size:31px;block-size:25px;border:1.8px solid currentColor;border-radius:7px;color:#111;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.6px;}
.ronSf139-connect{display:block;margin:27px 0 0;padding:0;}
.ronSf139-ctaList{display:grid;gap:18px;margin:0;padding:0;}
.ronSf139-ctaRow{display:flex;box-sizing:border-box;min-inline-size:0;min-block-size:44px;border:1px solid #c9c9c9;background:#fff;}
.ronSf139-ctaPrompt{display:flex;box-sizing:border-box;flex:1 1 auto;align-items:center;min-inline-size:0;margin:0;padding:10px 12px;color:#666;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;}
.ronSf139-ctaLink{display:flex;box-sizing:border-box;flex:0 0 128px;align-items:center;justify-content:center;min-block-size:44px;margin-block:-1px;margin-inline:0 -1px;padding:10px 14px;border:1px solid var(--ron-lime);border-radius:0;background:var(--ron-lime);color:var(--ron-green-950);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;overflow-wrap:anywhere;}
.ronSf139-ctaLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-payment{display:block;margin:54px 0 0;padding:0;}
.ronSf139-paymentList{display:flex;align-items:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;}

.ronSf139-text{color:inherit;font:inherit;letter-spacing:inherit;}
.ronSf139-tradeLink{display:inline-flex;box-sizing:border-box;align-items:center;min-block-size:44px;margin:12px 0 0;padding:0;color:#222;text-decoration:none;}
.ronSf139-tradeLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-tradeImage{display:block;inline-size:118px!important;block-size:45px!important;max-inline-size:100%;margin:0;border:0;object-fit:contain;}
.ronSf139-qrDetails{display:block;margin:18px 0 0;padding:0;border:0;background:transparent;}
.ronSf139-qrSummary{display:list-item;box-sizing:border-box;inline-size:fit-content;max-inline-size:100%;min-block-size:44px;margin:0;padding:12px 0;color:#333;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.5;cursor:pointer;list-style-position:inside;}
.ronSf139-qrSummary:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-qrGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 0;padding:0;max-inline-size:448px;}
.ronSf139-qrLink{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-inline-size:0;min-block-size:44px;margin:0;padding:8px;border:1px solid #e0e0e0;background:#fff;color:#333;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.4;text-align:center;text-decoration:none;}
.ronSf139-qrLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-qrImage{display:block;box-sizing:border-box;inline-size:100%;block-size:auto;aspect-ratio:1;max-inline-size:128px;margin:0;border:0;object-fit:contain;}
.ronSf139-bottom{display:block;margin:48px 0 0;padding:20px 0 0;border-block-start:1px solid #e5e5e5;color:#555;text-align:center;}
.ronSf139-copyright{display:block;margin:0;padding:0;color:#555;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.5;}
.ronSf139-legalNav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 20px;margin:0;padding:0;}
.ronSf139-legalLink{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-block-size:44px;margin:0;padding:6px 0;color:#555;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.5;text-align:center;text-decoration:underline;text-underline-offset:2px;}
.ronSf139-legalLink:focus-visible{outline:2px solid #111;outline-offset:3px;}
.ronSf139-country{display:flex;align-items:center;justify-content:center;gap:3px;margin:0;padding:0;color:#333;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.5;}
@media (min-width:1440px){.ronSf139-main{gap:64px;}.ronSf139-navGrid{gap:30px;}}
@media (max-width:1100px){.ronSf139-main{gap:36px;}.ronSf139-navGrid{gap:18px;}.ronSf139-socialAppRow{gap:32px;}.ronSf139-ctaLink{flex-basis:110px;}}
@media (max-width:900px){.ronSf139-navLink{min-block-size:44px;padding-block:7px;}.ronSf139-footer{padding-block-start:40px;}.ronSf139-main{grid-template-columns:minmax(0,1fr);gap:36px;}.ronSf139-navGrid{gap:30px;}.ronSf139-business{margin-block-start:24px;}.ronSf139-socialAppRow{gap:64px;}.ronSf139-payment{margin-block-start:30px;}.ronSf139-bottom{margin-block-start:36px;}}
@media (max-width:560px){.ronSf139-footer{padding:30px 0 24px;}.ronSf139-inner{padding-inline:20px;}.ronSf139-navGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;}.ronSf139-heading{font-size:12px;line-height:1.45;}.ronSf139-navLink{font-size:13px;}.ronSf139-businessTop{gap:10px;}.ronSf139-brandLink{flex-basis:88px;}.ronSf139-logo{inline-size:88px;block-size:50px;}.ronSf139-socialAppRow{justify-content:space-between;gap:20px;}.ronSf139-iconRow{gap:2px;}.ronSf139-connect{margin-block-start:24px;}.ronSf139-ctaList{gap:12px;}.ronSf139-ctaPrompt{padding:10px;font-size:12px;}.ronSf139-ctaLink{flex-basis:96px;padding:10px 8px;font-size:13px;}.ronSf139-paymentList{gap:10px;}.ronSf139-qrGrid{gap:8px;}.ronSf139-qrLink{padding:6px;font-size:11px;}.ronSf139-legalNav{gap:0 16px;}.ronSf139-legalLink{font-size:12px;}.ronSf139-bottom{margin-block-start:30px;}}
@media (prefers-reduced-motion:reduce){.ronSf139-iconLink{transition:none;}}
/* V139: original reference logos, fixed dimensions and native responsive wrapping. */
.ronSf139-paymentItem{display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;justify-content:center;min-inline-size:0;margin:0;padding:0;border:0;background:transparent;list-style:none;}
.ronSf139-paymentLogo{display:block;box-sizing:border-box;inline-size:36px!important;block-size:24px!important;max-inline-size:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;}
.ronSf139-unionPay{outline:1px solid #b8b8b8;outline-offset:4px;}
.ronSf139-trustList{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:17px 0 0;padding:0;border:0;list-style:none;}
.ronSf139-trustLogo{display:block;inline-size:auto!important;block-size:15px!important;max-inline-size:100%;margin:0;padding:0;border:0;object-fit:contain;}



/* One motion system; no changes to destinations, forms or brand artwork. */
.ron-auth-page{
  --ron-ui-timing:180ms cubic-bezier(.2,.7,.25,1);
  --ron-neu-press-transform:translateY(3px) scale(.96);
  --ron-neu-press-shadow:inset 4px 4px 9px rgba(125,146,177,.42),inset -4px -4px 9px rgba(255,255,255,.96);
  --ron-lime-hover-shadow:5px 7px 15px rgba(159,190,0,.3),-5px -5px 12px rgba(255,255,255,.9);
  --ron-lime-press-shadow:inset 4px 4px 8px rgba(122,148,0,.32),inset -4px -4px 8px rgba(232,255,91,.65);
}
.ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary){
  --ron-ui-hover-shadow:var(--ron-neu-hover-shadow);
  --ron-ui-press-shadow:var(--ron-neu-press-shadow);
  --ron-ui-press-transform:var(--ron-neu-press-transform);
  transition:transform var(--ron-ui-timing),box-shadow var(--ron-ui-timing),background-color var(--ron-ui-timing),color var(--ron-ui-timing),border-color var(--ron-ui-timing);
}
.ron-auth-page :is(.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ronSf139-ctaLink){
  --ron-ui-hover-shadow:var(--ron-lime-hover-shadow);
  --ron-ui-press-shadow:var(--ron-lime-press-shadow);
}
.ron-auth-page .ron-member-benefit{--ron-ui-press-transform:translateY(2px) scale(.99);cursor:default}
.ron-auth-page .ronSf139-ctaLink{box-shadow:5px 5px 12px rgba(145,164,190,.3),-5px -5px 12px rgba(255,255,255,.8)}
.ron-auth-page .ronSf139-ctaRow{background:transparent;border-color:rgba(116,135,160,.3);transition:box-shadow var(--ron-ui-timing)}
.ron-auth-page .ronSf139-iconLink{border-radius:50%;opacity:1}
.ron-auth-page .ron-auth-reveal{border-radius:12px}
.ron-auth-page .ronSf139-qrLink{border-radius:12px}
.ron-auth-page .ronSf139-qrSummary{border-radius:8px}
.ron-auth-page .ron-member-action-copy{--ron-ui-press-transform:translateY(2px) scale(.985)}
.ron-auth-page .ron-member-action-copy:focus-visible{outline:2px solid var(--ron-green-700);outline-offset:4px;transform:var(--ron-neu-hover-transform);background:rgba(237,242,251,.72);box-shadow:var(--ron-neu-hover-shadow)}
.ron-auth-page .ronSf139-logo{background:transparent;mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 5px 8px rgba(105,125,147,.15));transition:opacity var(--ron-ui-timing),filter var(--ron-ui-timing)}
.ron-auth-page .ronSf139-logo.ron-logo-ready{opacity:1;filter:drop-shadow(0 5px 8px rgba(105,125,147,.15))}
.ron-auth-page :is(.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink){
  transition:transform var(--ron-ui-timing),color var(--ron-ui-timing),text-decoration-color var(--ron-ui-timing);
}
.ron-auth-page :is(.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink){
  transition:transform var(--ron-ui-timing),filter var(--ron-ui-timing);
}
.ron-auth-page .ron-auth-forgot{display:inline-block}
.ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary,.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink,.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink):focus-visible{
  outline:2px solid var(--ron-green-700);outline-offset:4px;
}
.ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary):focus-visible{
  transform:var(--ron-neu-hover-transform);box-shadow:var(--ron-ui-hover-shadow);
}
.ron-auth-page :is(.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ronSf139-ctaLink):focus-visible{color:var(--ron-green-950);background:var(--ron-lime)}
.ron-auth-page :is(.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink):focus-visible{color:var(--ron-green-700);text-decoration:underline;text-underline-offset:3px}
.ron-auth-page :is(.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink):focus-visible{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 10px 9px rgba(105,125,147,.3))}
.ron-auth-page .ronSf139-ctaRow:focus-within{box-shadow:var(--ron-neu-hover-shadow)}
.ron-auth-page .ron-auth-check input{accent-color:var(--ron-lime);transition:box-shadow var(--ron-ui-timing),transform var(--ron-ui-timing)}
.ron-auth-page .ron-auth-check input:focus-visible{outline:2px solid var(--ron-green-700);outline-offset:4px}

@media (hover:hover) and (pointer:fine){
  .ron-auth-page .ron-member-action-copy:hover{transform:var(--ron-neu-hover-transform);background:rgba(237,242,251,.72);box-shadow:var(--ron-neu-hover-shadow)}
  .ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary):hover{
    transform:var(--ron-neu-hover-transform);box-shadow:var(--ron-ui-hover-shadow);
  }
  .ron-auth-page :is(.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ronSf139-ctaLink):hover{color:var(--ron-green-950);background:var(--ron-lime)}
  .ron-auth-page :is(.ron-auth-reveal,.ronSf139-iconLink,.ronSf139-qrSummary):hover{background:var(--ron-neu-bg)}
  .ron-auth-page :is(.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink):hover{transform:var(--ron-neu-hover-transform);color:var(--ron-green-700);text-decoration:underline;text-underline-offset:3px}
  .ron-auth-page :is(.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink):hover{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 10px 9px rgba(105,125,147,.3))}
  .ron-auth-page .ronSf139-ctaRow:hover{box-shadow:var(--ron-neu-hover-shadow)}
  .ron-auth-page .ron-member-cta:hover svg{transform:translateX(3px)}
  .ron-auth-page .ron-auth-field input:hover{box-shadow:inset 4px 4px 9px rgba(143,163,190,.36),inset -4px -4px 9px rgba(255,255,255,.94),0 0 0 2px rgba(196,230,0,.22)}
  .ron-auth-page .ron-auth-check input:hover{box-shadow:0 0 0 3px rgba(196,230,0,.25)}
}
/* Pressed states follow hover/focus so pressing always visibly wins. */
.ron-auth-page .ron-member-action-copy:active{transform:var(--ron-ui-press-transform);background:rgba(237,242,251,.86);box-shadow:var(--ron-neu-press-shadow)}
.ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary):active{
  transform:var(--ron-ui-press-transform);box-shadow:var(--ron-ui-press-shadow);
}
.ron-auth-page :is(.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ronSf139-ctaLink):active{color:var(--ron-green-950);background:var(--ron-lime)}
.ron-auth-page :is(.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink):active{transform:translateY(2px);color:var(--ron-green-950)}
.ron-auth-page :is(.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink):active{transform:translateY(4px) scale(.88);filter:drop-shadow(0 2px 3px rgba(105,125,147,.28))}
.ron-auth-page .ron-auth-check input:active{transform:scale(.9)}
.ron-auth-page .ron-auth-field input:focus{box-shadow:inset 4px 4px 9px rgba(143,163,190,.32),inset -4px -4px 9px rgba(255,255,255,.94),0 0 0 3px rgba(196,230,0,.3)}

@media (prefers-reduced-motion:reduce){
  .ron-auth-page .ron-member-action-copy{transform:none!important;transition:none!important}
  .ron-auth-page :is(.ron-social-btn,.ron-neu-icon,.ron-auth-submit,.ron-auth-zalo,.ron-member-cta,.ron-member-benefit,.ron-auth-reveal,.ron-auth-tab,.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary,.ron-auth-forgot,.ronSf139-navLink,.ronSf139-legalLink,.ron-auth-logo,.ronSf139-brandLink,.ronSf139-tradeLink),.ron-auth-page .ron-member-cta svg,.ron-auth-page .ron-auth-check input{
    transform:none!important;transition:none!important;
  }
}


/* V9 locale picker: real SVG flags replace regional-letter emoji on Windows. */
.ron-language-switcher{position:relative;z-index:30;width:min(100%,248px);margin:0 0 18px auto;color:var(--ron-neu-ink);font-family:Inter,Arial,sans-serif}
.ron-language-trigger{display:grid;width:100%;min-height:48px;grid-template-columns:20px 25px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 14px;border:0;border-radius:14px;color:var(--ron-neu-ink);background:var(--ron-neu-bg);box-shadow:6px 6px 13px rgba(145,164,190,.38),-6px -6px 13px rgba(255,255,255,.94);cursor:pointer;text-align:start;transition:transform var(--ron-ui-timing),box-shadow var(--ron-ui-timing),color var(--ron-ui-timing)}
.ron-language-globe,.ron-language-chevron{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ron-language-chevron{width:17px;height:17px;transition:transform var(--ron-ui-timing)}
.ron-language-trigger[aria-expanded="true"] .ron-language-chevron{transform:rotate(180deg)}
.ron-country-flag{display:block;width:24px;height:18px;border-radius:3px;box-shadow:0 0 0 1px rgba(29,41,64,.14);overflow:hidden}
.ron-language-current-name{min-width:0;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}
.ron-language-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;width:min(430px,calc(100vw - 48px));max-height:344px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(234,240,249,.98);box-shadow:14px 18px 36px rgba(112,133,164,.34),-8px -8px 22px rgba(255,255,255,.92);overflow:auto;overscroll-behavior:contain}
.ron-language-menu[hidden]{display:none}
.ron-language-menu button{display:grid;min-height:48px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px;border:0;border-radius:12px;color:var(--ron-neu-ink);background:transparent;cursor:pointer;text-align:start;transition:transform var(--ron-ui-timing),box-shadow var(--ron-ui-timing),background-color var(--ron-ui-timing)}
.ron-language-menu button>span:nth-child(2){min-width:0;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.ron-language-menu button[aria-checked="true"]{background:rgba(196,230,0,.2);box-shadow:inset 3px 3px 7px rgba(145,164,190,.22),inset -3px -3px 7px rgba(255,255,255,.8)}
.ron-language-trigger:focus-visible,.ron-language-menu button:focus-visible{outline:2px solid var(--ron-green-700);outline-offset:3px}
.ron-language-trigger:active,.ron-language-menu button:active{transform:var(--ron-neu-press-transform);box-shadow:var(--ron-neu-press-shadow)}
@media (hover:hover) and (pointer:fine){
  .ron-language-trigger:hover,.ron-language-menu button:hover{transform:var(--ron-neu-hover-transform);box-shadow:var(--ron-neu-hover-shadow)}
  .ron-language-menu button:hover{background:rgba(196,230,0,.13)}
}
@media(max-width:640px){
  .ron-language-switcher{width:100%;margin-bottom:22px}
  .ron-language-trigger{min-height:50px}
  .ron-language-menu{right:auto;left:0;width:100%;max-height:min(430px,65vh);grid-template-columns:1fr}
}
[dir="rtl"] .ron-language-switcher{margin-right:auto;margin-left:0}
[dir="rtl"] .ron-language-menu{right:auto;left:0}
[dir="rtl"] .ron-auth-reveal{right:auto;left:0}
[dir="rtl"] .ron-auth-input-wrap input{padding-right:17px;padding-left:54px}
@media (prefers-reduced-motion:reduce){.ron-language-trigger,.ron-language-menu button,.ron-language-chevron{transform:none!important;transition:none!important}}


/* V10: five requested icons use the exact RON lime token and one shared motion language. */
.ron-auth-page .ron-member-benefit>svg,
.ron-auth-page .ronSf139-country>.ronSf139-icon{
  color:var(--ron-lime);
  stroke:var(--ron-lime);
  transform-origin:center;
  filter:drop-shadow(0 3px 5px rgba(196,230,0,.18));
  transition:transform var(--ron-ui-timing),filter var(--ron-ui-timing),color var(--ron-ui-timing),stroke var(--ron-ui-timing);
}
.ron-auth-page .ronSf139-country>.ronSf139-icon{fill:currentColor;stroke:none}
.ron-auth-page .ron-member-benefit:is(:hover,:focus-visible)>svg,
.ron-auth-page .ron-member-benefit>svg:hover,
.ron-auth-page .ronSf139-country:hover>.ronSf139-icon,
.ron-auth-page .ronSf139-country>.ronSf139-icon:hover{
  transform:translateY(-3px) scale(1.18);
  filter:drop-shadow(0 7px 8px rgba(196,230,0,.42));
}
.ron-auth-page .ron-member-benefit:active>svg,
.ron-auth-page .ron-member-benefit>svg:active,
.ron-auth-page .ronSf139-country:active>.ronSf139-icon{
  transform:translateY(2px) scale(.94);
  filter:drop-shadow(0 2px 3px rgba(196,230,0,.28));
}
@media (prefers-reduced-motion:reduce){
  .ron-auth-page .ron-member-benefit>svg,
  .ron-auth-page .ronSf139-country>.ronSf139-icon{transform:none!important;transition:none!important}
}


/* V11: desktop title stays on one line; mobile presents the privilege title above the brand. */
.ron-auth-page .ron-auth-card>h1{
  display:flex;
  flex-wrap:nowrap;
  align-items:baseline;
  justify-content:center;
  gap:.24em;
  font-size:clamp(24px,2.35vw,32px);
}
.ron-auth-page .ron-auth-account-title,
.ron-auth-page .ron-auth-brand-title{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
.ron-auth-page .ron-auth-account-title{text-transform:uppercase}
@media(max-width:640px){
  .ron-auth-page .ron-auth-card>h1{
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    gap:5px;
    line-height:1.05;
  }
  .ron-auth-page .ron-auth-brand-title{
    order:2;
    font-size:clamp(18px,5.7vw,23px);
    line-height:1;
    letter-spacing:-.018em;
  }
  .ron-auth-page .ron-auth-account-title{
    order:1;
    font-size:clamp(17px,5.3vw,22px);
    line-height:1.05;
    letter-spacing:0;
  }
  .ron-auth-page .ron-auth-brand-title sup{
    top:-.45em;
    font-size:.42em;
  }
}


/* V12: restrained 3D title response and a short RON-branded celebration burst. */
.ron-auth-page #ron-auth-title.ron-auth-celebration-title{
  --ron-title-rx:0deg;
  --ron-title-ry:0deg;
  --ron-title-lift:0px;
  --ron-title-scale:1;
  position:relative;
  z-index:2;
  isolation:isolate;
  cursor:default;
  transform:perspective(900px) translate3d(0,var(--ron-title-lift),0) rotateX(var(--ron-title-rx)) rotateY(var(--ron-title-ry)) scale(var(--ron-title-scale));
  transform-style:preserve-3d;
  transform-origin:center;
  will-change:transform,filter;
  transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 220ms ease,text-shadow 220ms ease;
}
.ron-auth-page #ron-auth-title.ron-auth-celebration-title>.ron-auth-account-title,
.ron-auth-page #ron-auth-title.ron-auth-celebration-title>.ron-auth-brand-title{
  position:relative;
  z-index:2;
  transform:translateZ(12px);
  transition:color 220ms ease,text-shadow 220ms ease;
}
@media (hover:hover) and (pointer:fine){
  .ron-auth-page #ron-auth-title.ron-auth-celebration-title:hover{
    --ron-title-lift:-3px;
    --ron-title-scale:1.035;
    filter:drop-shadow(0 12px 15px rgba(18,50,37,.16));
    text-shadow:0 1px 0 rgba(255,255,255,.9),0 9px 22px rgba(196,230,0,.22);
  }
  .ron-auth-page #ron-auth-title.ron-auth-celebration-title:hover>.ron-auth-account-title{
    color:var(--ron-green-800);
  }
}
.ron-auth-page #ron-auth-title.ron-auth-celebration-title:focus-visible{
  outline:2px solid var(--ron-lime);
  outline-offset:8px;
  border-radius:8px;
}
.ron-auth-page #ron-auth-title.ron-auth-celebration-title.is-celebrating{
  filter:drop-shadow(0 13px 18px rgba(196,230,0,.32));
}
.ron-auth-page .ron-title-confetti-layer{
  position:absolute;
  z-index:3;
  inset:-34px -52px;
  pointer-events:none;
  overflow:visible;
}
.ron-auth-page .ron-title-confetti-piece{
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:12px;
  border-radius:2px;
  background:var(--ron-confetti-color,var(--ron-lime));
  opacity:0;
  box-shadow:0 2px 5px rgba(18,50,37,.12);
  transform:translate(-50%,-50%) translate3d(0,0,0) rotate(0deg) scale(.3);
  animation:ron-title-confetti-burst var(--ron-confetti-duration,900ms) cubic-bezier(.18,.72,.22,1) var(--ron-confetti-delay,0ms) forwards;
  will-change:transform,opacity;
}
.ron-auth-page .ron-title-confetti-piece[data-shape="dot"]{
  width:7px;
  height:7px;
  border-radius:50%;
}
.ron-auth-page .ron-title-confetti-piece[data-shape="spark"]{
  width:3px;
  height:14px;
  border-radius:999px;
}
@keyframes ron-title-confetti-burst{
  0%{opacity:0;transform:translate(-50%,-50%) translate3d(0,0,0) rotate(0deg) scale(.3)}
  12%{opacity:1}
  72%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) translate3d(var(--ron-confetti-x),var(--ron-confetti-y),0) rotate(var(--ron-confetti-r)) scale(.86)}
}
@media(max-width:640px){
  .ron-auth-page .ron-title-confetti-layer{inset:-28px -20px}
}
@media(prefers-reduced-motion:reduce){
  .ron-auth-page #ron-auth-title.ron-auth-celebration-title,
  .ron-auth-page #ron-auth-title.ron-auth-celebration-title>*{
    transform:none!important;
    transition:none!important;
    animation:none!important;
    filter:none!important;
  }
  .ron-auth-page .ron-title-confetti-layer{display:none!important}
}

/* WordPress/WooCommerce integration adapters for the approved V12 shell. */
body.ron-account-v12-page{margin:0!important;background:#e9eff8!important}
body.ron-account-v12-page>.ron-unified-header,
body.ron-account-v12-page>.ron-global-header,
body.ron-account-v12-page #ron-page.ron-account-global-header,
body.ron-account-v12-page>.ron-unified-footer,
body.ron-account-v12-page>footer:not(.ronSf139-footer),
body.ron-account-v12-page .ron-unified-article-head,
body.ron-account-v12-page .ron-unified-contact{display:none!important}
body.ron-account-v12-page .ron-unified-main,
body.ron-account-v12-page .ron-unified-content,
body.ron-account-v12-page article.ron-unified-prose,
body.ron-account-v12-page .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ron-auth-page .ron-auth-form-grid>.woocommerce{display:block!important;width:100%!important}
.ron-auth-page #customer_login{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important}
.ron-auth-page #customer_login>.u-column1,
.ron-auth-page #customer_login>.u-column2{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:25px 22px!important;border:0!important;border-radius:20px!important;background:#eaf0f8!important;box-shadow:8px 8px 18px rgba(143,163,190,.30),-8px -8px 18px rgba(255,255,255,.90)!important}
.ron-auth-page #customer_login h2{margin:0 0 18px!important;color:#152014!important;font:600 20px/1.35 Arial,sans-serif!important;text-align:center!important}
.ron-auth-page #customer_login form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.ron-auth-page #customer_login .form-row{position:relative!important;display:block!important;width:100%!important;margin:0 0 15px!important;padding:0!important}
.ron-auth-page #customer_login label{display:block!important;margin:0 0 7px!important;color:#425044!important;font-size:12px!important;font-weight:650!important;line-height:1.45!important}
.ron-auth-page #customer_login input.input-text{display:block!important;width:100%!important;min-height:48px!important;margin:0!important;padding:12px 14px!important;border:0!important;border-radius:12px!important;background:#eaf0f8!important;color:#162018!important;box-shadow:inset 4px 4px 9px rgba(143,163,190,.30),inset -4px -4px 9px rgba(255,255,255,.94)!important;font:400 14px/1.4 Arial,sans-serif!important}
.ron-auth-page #customer_login button[type=submit]{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin:8px 0 0!important;padding:0 18px!important;border:0!important;border-radius:13px!important;background:#c4e600!important;color:#10220c!important;box-shadow:0 7px 20px rgba(0,0,0,.15)!important;font-size:12px!important;font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.ron-auth-page #customer_login .woocommerce-form-login__rememberme{display:flex!important;align-items:center!important;gap:8px!important;margin:4px 0 12px!important;font-size:12px!important}
.ron-auth-page #customer_login input[type=checkbox]{width:16px!important;height:16px!important;accent-color:#c4e600!important}
.ron-auth-page #customer_login .lost_password{margin:12px 0 0!important;text-align:center!important;font-size:12px!important}
.ron-auth-page .ron-account-toggle{position:absolute!important;right:8px!important;bottom:8px!important;z-index:2!important;min-width:46px!important;min-height:32px!important;border:0!important;border-radius:9px!important;background:#eaf0f8!important;color:#526454!important;box-shadow:3px 3px 7px rgba(143,163,190,.27),-3px -3px 7px rgba(255,255,255,.85)!important;font-size:11px!important;font-weight:700!important}
.ron-auth-page .ron-auth-socials [aria-disabled=true]{cursor:not-allowed!important;opacity:.62!important}
.ron-auth-page .woocommerce-error,.ron-auth-page .woocommerce-message,.ron-auth-page .woocommerce-info{grid-column:1/-1!important;margin:0 0 16px!important;padding:14px 16px!important;border:1px solid rgba(104,130,76,.26)!important;border-radius:12px!important;background:#f5f8ef!important;color:#263323!important;font-size:13px!important}
.ron-auth-page .ron-auth-topbar{position:relative;z-index:3}
.ron-auth-page .ron-auth-back{color:#415242!important;text-decoration:none!important}
.ron-auth-page .ronSf139-footer{margin-top:0}
@media(max-width:760px){
 .ron-auth-page #customer_login{grid-template-columns:1fr!important}
 .ron-auth-page #customer_login>.u-column1,.ron-auth-page #customer_login>.u-column2{padding:22px 18px!important}
 .ron-auth-page[data-panel="login"] #customer_login>.u-column2,.ron-auth-page[data-panel="register"] #customer_login>.u-column1{display:none!important}
}
.ron-auth-page .ron-account-social{margin:18px 0 22px!important}
.ron-auth-page .ron-account-social-divider{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 13px!important;color:#6d7c70!important;font-size:10px!important;letter-spacing:.1em!important;text-align:center!important}
.ron-auth-page .ron-account-social-divider:before,.ron-auth-page .ron-account-social-divider:after{content:"";height:1px;flex:1;background:rgba(104,125,111,.2)}
.ron-auth-page .ron-account-social-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.ron-auth-page .ron-account-social-button{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:9px!important;border:0!important;border-radius:13px!important;background:#eaf0f8!important;color:#18231a!important;box-shadow:5px 5px 11px rgba(143,163,190,.27),-5px -5px 11px rgba(255,255,255,.86)!important;text-decoration:none!important}
.ron-auth-page .ron-account-social-icon{display:flex!important;width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important}
.ron-auth-page .ron-account-social-icon svg{display:block!important;width:22px!important;height:22px!important}
.ron-auth-page .ron-account-social-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.ron-auth-page .ron-account-social-button small{position:absolute!important;right:4px!important;bottom:3px!important;color:#768177!important;font-size:7px!important}

/* V12 full-page shell correction: no inherited site chrome; full-width real Woo cards. */
body:has(.ron-auth-page) #ron-page.ron-account-global-header,
body:has(.ron-auth-page) .ron-global-header,
body:has(.ron-auth-page) header.ron-unified-header,
body:has(.ron-auth-page) .ron-unified-footer{display:none!important}
.ron-auth-page .ron-auth-form-grid{grid-template-columns:minmax(0,1fr)!important}
.ron-auth-page .ron-auth-form-grid>.woocommerce{grid-column:1/-1!important;width:100%!important;min-width:0!important;max-width:none!important}
.ron-auth-page #customer_login{width:100%!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.ron-auth-page #customer_login>.col-1,
.ron-auth-page #customer_login>.col-2{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;flex-basis:auto!important;margin:0!important;padding:25px 22px!important;border:0!important;border-radius:20px!important;background:#eaf0f8!important;box-shadow:8px 8px 18px rgba(143,163,190,.30),-8px -8px 18px rgba(255,255,255,.90)!important}
.ron-auth-page #customer_login .account-login-inner,
.ron-auth-page #customer_login .account-register-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.ron-auth-page #customer_login form,
.ron-auth-page #customer_login .form-row,
.ron-auth-page #customer_login input.input-text,
.ron-auth-page #customer_login .password-input{width:100%!important;max-width:none!important;min-width:0!important}
@media(max-width:760px){
 .ron-auth-page #customer_login{grid-template-columns:minmax(0,1fr)!important}
 .ron-auth-page[data-panel="login"] #customer_login>.col-2,
 .ron-auth-page[data-panel="register"] #customer_login>.col-1{display:none!important}
}

/* Exact V12 real-form bridge. */
.ron-auth-page .ron-auth-socials [aria-disabled="true"]{opacity:1!important;cursor:default!important}
.ron-auth-page .ron-auth-form-grid>.woocommerce-notices-wrapper{grid-column:1/-1!important}
.ron-auth-page .ron-auth-tabpanel .woocommerce-error,
.ron-auth-page .ron-auth-form-grid>.woocommerce-notices-wrapper .woocommerce-error{margin:0 0 18px!important;padding:13px 16px 13px 38px!important;border:0!important;border-radius:13px!important;background:#edf2fb!important;color:#7a2f2f!important;box-shadow:inset 3px 3px 7px rgba(145,164,190,.3),inset -3px -3px 7px rgba(255,255,255,.9)!important;font-size:12px!important}
.ron-auth-page .ron-auth-form :is(input[type="text"],input[type="email"],input[type="password"]){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}
.ron-auth-page .ron-auth-form button.ron-auth-submit{float:none!important;width:100%!important;margin:0!important}
.ron-auth-page .ron-auth-form .woocommerce-password-strength,
.ron-auth-page .ron-auth-form .woocommerce-password-hint{font-size:10px!important;line-height:1.5!important}

/* Pixel parity with the approved standalone V12 document. */
body.ron-account-v12-page #ron-product-header,
body.ron-account-v12-page #ron-shopping-ui,
body.ron-account-v12-page .ron-ph-zalo,
body.ron-account-v12-page #ron-desktop-back-top,
body.ron-account-v12-page #ron-zalo-float,
body.ron-account-v12-page #ron-desktop-app-dock,
body.ron-account-v12-page .rmi-bottom-space,
body.ron-account-v12-page #rmi-bottom,
body.ron-account-v12-page #rmi-menu,
body.ron-account-v12-page #rmi-advice{display:none!important}
body.ron-account-v12-page #ron-main{margin:0!important;padding:0!important}
.ron-auth-page .ron-auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ron-auth-page .ron-auth-card>#ron-auth-title{display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;justify-content:center!important;gap:.24em!important;margin:0!important;color:var(--ron-neu-ink)!important;text-align:center!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(24px,2.35vw,32px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.025em!important}
.ron-auth-page .ron-social-btn{margin:0!important}
.ron-auth-page .ron-auth-field>input,
.ron-auth-page .ron-auth-input-wrap>input{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:49px!important;margin:0!important;padding:0 17px!important;border:0!important;border-radius:13px!important;color:var(--ron-neu-ink)!important;background:var(--ron-neu-bg)!important;box-shadow:inset 4px 4px 9px rgba(143,163,190,.36),inset -4px -4px 9px rgba(255,255,255,.94)!important;font:inherit!important}
.ron-auth-page .ron-auth-field>input:focus,
.ron-auth-page .ron-auth-input-wrap>input:focus{outline:0!important;border:0!important;box-shadow:inset 4px 4px 9px rgba(143,163,190,.32),inset -4px -4px 9px rgba(255,255,255,.94),0 0 0 3px rgba(196,230,0,.24)!important}
@media(max-width:980px){
 .ron-auth-page .ron-auth-form-grid{grid-template-columns:minmax(0,1fr)!important}
 .ron-auth-page .ron-auth-tabpanel[hidden]{display:none!important}
}
@media(max-width:640px){
 .ron-auth-page .ron-auth-card>#ron-auth-title{flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;line-height:1.05!important}
}


/* Final V12 isolation: prevent the WordPress article typography from changing the approved document. */
body.ron-account-v12-page .ron-unified-breadcrumb{display:none!important}
.ron-auth-page{line-height:normal!important}
.ron-auth-page .ron-neu-title{margin:0!important;padding:0!important;color:var(--ron-neu-ink)!important;text-align:center!important;font:700 22px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-neu-subtitle{margin:6px 0 25px!important;padding:0!important;color:var(--ron-neu-muted)!important;text-align:center!important;font:400 11px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-auth-field{margin:0 0 15px!important;padding:0!important}
.ron-auth-page .ron-auth-field label{display:block!important;margin:0 0 7px 7px!important;padding:0!important;color:#66738a!important;font:600 10px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-auth-options{margin:1px 1px 21px!important;font:400 10px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-auth-check,.ron-auth-page .ron-auth-forgot{font:inherit!important}
.ron-auth-page .woocommerce-privacy-policy-text,
.ron-auth-page wc-order-attribution-inputs{display:none!important}
.ron-auth-page .ron-member-benefit{padding:23px 20px 22px!important}
.ron-auth-page .ron-member-benefit h3{font-family:Inter,Arial,sans-serif!important}

.ron-auth-page .ronSf139-heading{margin:0 0 10px!important;padding:0!important;font:700 13px/1.35 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-navList,
.ron-auth-page .ronSf139-navItem{margin:0!important;padding:0!important}
.ron-auth-page .ronSf139-navLink{min-block-size:26px!important;margin:0!important;padding:4px 0!important;font:400 13px/1.35 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-businessTop{margin:0 0 9px!important}
.ron-auth-page .ronSf139-companyName{margin:0 0 7px!important;padding:0!important;font:600 13px/1.55 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-businessText{margin:0 0 7px!important;padding:0!important;font:400 13px/1.55 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-address{margin:0!important;padding:0!important;font:400 13px/1.55 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-ctaPrompt{margin:0!important;padding:10px 12px!important;font:400 13px/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-ctaLink{min-block-size:44px!important;margin-block:-1px!important;margin-inline:0 -1px!important;padding:10px 14px!important;font:700 14px/1.35 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-paymentList{margin:0!important;padding:0!important}
.ron-auth-page .ronSf139-paymentItem{min-block-size:0!important;margin:0!important;padding:0!important;line-height:normal!important}
.ron-auth-page .ronSf139-trustList{margin:17px 0 0!important;padding:0!important}
.ron-auth-page .ronSf139-qrDetails{margin:18px 0 0!important;padding:0!important}
.ron-auth-page .ronSf139-qrSummary{margin:0!important;padding:12px 0!important;font:400 13px/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-copyright{margin:0!important;padding:0!important;font:400 12px/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.ron-auth-page .ronSf139-legalNav{margin:0!important;padding:0!important}
.ron-auth-page .ronSf139-country{margin:0!important;padding:0!important;font:400 12px/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif!important}


/* Final V12 vertical rhythm and native-control parity. */
.ron-auth-page .ron-auth-secure{margin:10px 0 24px!important;padding:0!important}
.ron-auth-page .ron-auth-social-label{margin:2px 0 13px!important;padding:0!important}
.ron-auth-page .ron-auth-check input{width:16px!important;height:16px!important;margin:0!important;padding:0!important}
.ron-auth-page .ron-auth-support h3{margin:0 0 5px!important;padding:0!important;font:500 20px/normal "Playfair Display",Georgia,serif!important}
.ron-auth-page .ron-auth-support p{max-width:265px!important;margin:0!important;padding:0!important;font:400 11px/1.55 Inter,Arial,sans-serif!important}
.ron-auth-page button.ron-auth-submit{position:static!important;max-width:none!important;padding:1px 6px!important;line-height:normal!important}


/* Exact V12 control and card typography details. */
.ron-auth-page .ron-auth-check{margin:0!important;padding:0!important}
.ron-auth-page .ron-member-benefit h3{letter-spacing:normal!important}

.ron-auth-page .ron-member-action h3{font-family:Inter,Arial,sans-serif!important}

/* Exact V12 responsive restoration after WordPress/theme isolation. */
.ron-auth-page .ronSf139-logo{block-size:59px!important}
@media(max-width:980px){
 .ron-auth-page .ron-auth-tab{max-width:none!important;margin:0!important;padding:1px 6px!important}
 .ron-auth-page .ron-member-benefit{padding:24px!important}
}
@media(max-width:900px){
 .ron-auth-page .ronSf139-navLink{min-block-size:44px!important;padding-block:7px!important}
}
@media(max-width:640px){
 .ron-auth-page .ron-member-benefit{padding:19px 16px!important}
}
@media(max-width:560px){
 .ron-auth-page .ronSf139-heading{font-size:12px!important;line-height:1.45!important}
 .ron-auth-page .ronSf139-navLink{font-size:13px!important}
 .ron-auth-page .ronSf139-logo{block-size:50px!important}
 .ron-auth-page .ronSf139-ctaPrompt{padding:10px!important;font-size:12px!important}
 .ron-auth-page .ronSf139-ctaLink{flex-basis:96px!important;padding:10px 8px!important;font-size:13px!important}
}

/* Exact V12 inner-control and image rendering parity. */
.ron-auth-page .ron-neu-title{letter-spacing:normal!important}
.ron-auth-page .ron-social-btn{letter-spacing:normal!important}
.ron-auth-page .ron-auth-field>input,
.ron-auth-page .ron-auth-input-wrap>input{display:inline-block!important}
.ron-auth-page .ron-auth-options{font:400 16px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-auth-check{font:400 10px/normal Inter,Arial,sans-serif!important}
.ron-auth-page .ron-auth-forgot{border:0!important;color:var(--ron-green-800)!important;font:600 10px/normal Inter,Arial,sans-serif!important}
.ron-auth-page button.ron-auth-reveal{min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;letter-spacing:normal!important}
.ron-auth-page button.ron-auth-submit{border:0!important;color:var(--ron-green-900)!important;background:var(--ron-neu-bg)!important;box-shadow:6px 6px 13px rgba(145,164,190,.42),-6px -6px 13px rgba(255,255,255,.95)!important}
.ron-auth-page .ron-auth-support h3{color:var(--ron-neu-ink)!important;letter-spacing:normal!important}
.ron-auth-page .ron-auth-zalo{color:var(--ron-green-950)!important}
@media(hover:hover) and (pointer:fine){
 .ron-auth-page button.ron-auth-submit:hover{color:var(--ron-green-950)!important;background:var(--ron-lime)!important}
}
.ron-auth-page button.ron-auth-submit:focus-visible,
.ron-auth-page button.ron-auth-submit:active{color:var(--ron-green-950)!important;background:var(--ron-lime)!important}
/* Exact V12 brand-link and card-logo parity. */
.ron-auth-page .ron-auth-card>.ron-auth-logo,
.ron-auth-page .ron-neu-icon{color:#0000ee!important;border-color:#0000ee!important}
.ron-auth-page .ron-auth-logo img,.ron-auth-page .ron-neu-icon img{max-width:none!important}
.ron-auth-page .ron-neu-icon img{display:block!important;width:61px!important;height:42px!important;object-fit:contain!important}
.ron-auth-page .ronSf139-qrImage{max-width:128px!important}
/* Exact V12 image rasterization parity against Flatsome globals. */
.ron-auth-page img{backface-visibility:visible!important;transition:none!important;vertical-align:baseline!important}
.ron-auth-page .ronSf139-brandLink,
.ron-auth-page .ronSf139-tradeLink,
.ron-auth-page .ronSf139-qrLink{text-decoration:none!important}
/* Exact V12 pseudo-element and disabled OAuth visual parity. */
.ron-auth-page .ron-auth-eyebrow::before{box-sizing:content-box!important}
.ron-auth-page .ron-social-btn{inset:auto!important;position:static!important;max-width:none!important;appearance:auto!important;cursor:pointer!important;text-rendering:auto!important;text-transform:none!important;vertical-align:baseline!important}
.ron-auth-page .ron-social-btn *,
.ron-auth-page .ron-social-btn::before,
.ron-auth-page .ron-social-btn::after{box-sizing:content-box!important;cursor:inherit!important;text-rendering:auto!important;text-transform:none!important}
.ron-auth-page .ronSf139-legalLink{text-underline-offset:2px!important}
.ron-auth-page .ronSf139-legalLink::before,
.ron-auth-page .ronSf139-legalLink::after{box-sizing:content-box!important;text-underline-offset:2px!important}
/* Exact V12 language control and Footer V139 link parity. */
.ron-auth-page .ron-language-trigger{inset:auto!important;position:static!important;max-width:none!important;margin:0!important;appearance:auto!important;letter-spacing:normal!important;text-rendering:auto!important;text-transform:none!important;vertical-align:baseline!important}
.ron-auth-page .ron-language-trigger *,
.ron-auth-page .ron-language-trigger::before,
.ron-auth-page .ron-language-trigger::after{box-sizing:content-box!important;letter-spacing:normal!important;text-rendering:auto!important;text-transform:none!important}
.ron-auth-page .ronSf139-navLink{color:#3f3f3f!important;text-decoration:none!important;text-underline-offset:auto!important}
.ron-auth-page .ronSf139-iconLink{color:#111!important;text-decoration:none!important;text-underline-offset:auto!important}
.ron-auth-page .ronSf139-ctaLink{color:var(--ron-green-950)!important;text-decoration:none!important;text-underline-offset:auto!important}
.ron-auth-page :is(.ronSf139-navLink,.ronSf139-iconLink,.ronSf139-ctaLink)::before,
.ron-auth-page :is(.ronSf139-navLink,.ronSf139-iconLink,.ronSf139-ctaLink)::after{box-sizing:content-box!important;text-decoration:none!important}
@media(hover:hover) and (pointer:fine){
 .ron-auth-page .ronSf139-navLink:hover{color:var(--ron-green-700)!important;text-decoration:underline!important;text-underline-offset:3px!important}
}
.ron-auth-page .ronSf139-navLink:focus-visible{color:var(--ron-green-700)!important;text-decoration:underline!important;text-underline-offset:3px!important}
.ron-auth-page .ronSf139-navLink:active{color:var(--ron-green-950)!important}
/* Final V12 residual parity after WordPress theme link/control defaults. */
.ron-auth-page .ron-language-trigger *{box-sizing:border-box!important}
.ron-auth-page .ron-language-current-name{letter-spacing:.01em!important;text-transform:none!important}
.ron-auth-page .ron-auth-zalo{text-decoration:none!important;text-underline-offset:auto!important}
.ron-auth-page .ronSf139-qrLink{color:#333!important;text-decoration:none!important;text-underline-offset:auto!important}

/* Final V12 opened-menu and interaction-state parity. */
.ron-auth-page .ron-language-menu button{inset:auto!important;position:static!important;max-width:none!important;margin:0!important;appearance:auto!important;letter-spacing:normal!important;text-rendering:auto!important;text-transform:none!important;vertical-align:baseline!important;overflow-wrap:normal!important}
.ron-auth-page .ron-language-menu button *{box-sizing:border-box!important;letter-spacing:inherit!important;text-transform:inherit!important}
.ron-auth-page .ron-language-menu button>span:nth-child(2){overflow-wrap:anywhere!important}
@media(hover:hover) and (pointer:fine){
 .ron-auth-page button.ron-auth-submit:hover{box-shadow:var(--ron-lime-hover-shadow)!important}
}
.ron-auth-page button.ron-auth-submit:focus-visible{box-shadow:var(--ron-lime-hover-shadow)!important}
.ron-auth-page button.ron-auth-submit:active{box-shadow:var(--ron-lime-press-shadow)!important}
/* Footer remains visible without JavaScript and honors reduced-motion after all V12 overrides. */
@media (prefers-reduced-motion:reduce){
  .ron-auth-page #ron-footer-v139 :is(.ronSf139-ctaLink,.ronSf139-iconLink,.ronSf139-qrLink,.ronSf139-qrSummary,.ronSf139-navLink,.ronSf139-legalLink,.ronSf139-brandLink,.ronSf139-tradeLink),
  .ron-auth-page #ron-footer-v139 .ronSf139-country>.ronSf139-icon{transform:none!important;transition:none!important;animation:none!important}
}