.gauth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:radial-gradient(800px 500px at 50% 30%,rgba(18,160,136,.35),transparent),#080e14a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gauth-fade .18s ease-out}.gauth-inline{width:100%;display:grid;place-items:center}@keyframes gauth-fade{0%{opacity:0}}@keyframes gauth-pop{0%{transform:translateY(14px) scale(.96);opacity:0}}.gauth{position:relative;width:min(430px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:24px;background:var(--panel, #fff);color:var(--fg, #1f2328);box-shadow:0 0 0 3px #ffffff1f,0 30px 70px #00000073;animation:gauth-pop .22s cubic-bezier(.2,.9,.3,1.2);font-family:Be Vietnam Pro,system-ui,sans-serif}.gauth-head{position:relative;padding:26px 22px 46px;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,#085951,#0b8278 60%,#0d6d63)}.gauth-stripes{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background:repeating-linear-gradient(-45deg,#fff 0 10px,transparent 10px 26px)}.gauth-head h2{position:relative;margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.3px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.gauth-badge{position:relative;width:78px;height:78px;margin:0 auto;border-radius:22px;display:grid;place-items:center;color:#3a2500;background:linear-gradient(160deg,#ffe066,#ffb703);box-shadow:0 5px #b77800,0 10px 24px #0000004d;transform:rotate(-6deg)}.gauth-spark{position:absolute;color:#ffe066;opacity:.9}.gauth-spark.s1{left:22%;top:26px;transform:rotate(-12deg)}.gauth-spark.s2{right:21%;top:54px}.gauth-x{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border-radius:12px;border:0;display:grid;place-items:center;background:#00000040;color:#fff;cursor:pointer}.gauth-x:hover{background:#0006}.gauth-body{position:relative;margin-top:-26px;padding:0 20px 20px}.gauth-body:before{content:"";position:absolute;left:0;right:0;top:0;height:30px;border-radius:24px 24px 0 0;background:var(--panel, #fff)}.gauth-body>*{position:relative}.greason{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;padding:10px 12px;border-radius:14px;font-weight:700;font-size:14px;color:#3a2500;background:#fff1c2;border:1px solid #f4cf5d}.greason svg{color:#b35c00;flex:0 0 auto;margin-top:1px}.gsub{margin:8px 0 12px;text-align:center;color:var(--muted, #5b636d);font-size:13.5px}.gtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--primary-soft, #d8f0ec);margin-bottom:12px}.gtabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:0;border-radius:11px;background:transparent;color:var(--fg, #1f2328);font:inherit;font-weight:700;cursor:pointer}.gtabs button.on{background:var(--panel, #fff);color:var(--primary, #0f8a7e);box-shadow:0 2px #00000014,0 2px 8px #00000014}.gperks{list-style:none;margin:0 0 14px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;border-radius:16px;background:var(--primary-soft, #d8f0ec)}.gperks:before{content:"Đăng ký để được:";grid-column:1 / -1;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--primary, #0f8a7e)}.gperks li{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;line-height:1.35;color:var(--fg, #1f2328)}.gperks li svg{flex:0 0 auto;width:24px;height:24px;padding:4px;border-radius:50%;color:#fff;background:var(--primary, #0f8a7e)}:root[data-theme=dark] .gperks li svg{color:#06231f}.gform{display:grid;gap:10px}.gfield{position:relative;display:flex;align-items:center}.gfield svg{position:absolute;left:13px;color:var(--muted, #5b636d);pointer-events:none}.gfield input{width:100%;height:48px;padding:0 14px 0 44px;border-radius:14px;font:inherit;font-size:15px;font-weight:600;color:var(--fg, #1f2328);background:var(--bg, #f4f1ea);border:2px solid var(--line, #d9d4c7);border-bottom-width:4px}.gfield input::placeholder{font-weight:500}.gfield input:focus{outline:none;border-color:var(--primary, #0f8a7e)}.gotp{display:grid;grid-template-columns:1fr auto;gap:8px}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:14px;border:0;font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:transform .06s}.gbtn:active:not(:disabled){transform:translateY(3px)}.gbtn:disabled{opacity:.55;cursor:not-allowed}.gbtn.primary{color:#3a2500;background:linear-gradient(180deg,#ffd43b,#ffb703);box-shadow:0 5px #b77800,0 8px 18px #b7780059;margin-top:4px}.gbtn.primary:active:not(:disabled){box-shadow:0 2px #b77800}.gbtn.ghost{min-height:48px;font-size:14px;color:var(--primary, #0f8a7e);background:var(--primary-soft, #d8f0ec);box-shadow:0 4px #0f8a7e59;min-width:112px}.glink{justify-self:center;display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--primary, #0f8a7e);font:inherit;font-weight:700;cursor:pointer;padding:6px}.gerr{margin:12px 0 0;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:600;color:#8e1f19;background:#fde4e1;border:1px solid #f3b3ab}:root[data-theme=dark] .gerr{color:#ffd2cc;background:#4a1b17;border-color:#7a2c25}:root[data-theme=dark] .greason{color:#ffe9a8;background:#3d2f08;border-color:#7a5d10}:root[data-theme=dark] .greason svg{color:#ffd166}@media(max-width:420px){.gperks{grid-template-columns:1fr}.gauth-head h2{font-size:23px}}