.btn{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;line-height:1;text-decoration:none;transition:border-color .16s,color .16s,background .16s,opacity .12s;display:inline-flex}.btn-icon{align-items:center;line-height:0;display:inline-flex}.btn-icon svg{display:block}.btn-text{line-height:1}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{opacity:.85}.btn.is-disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{height:34px;min-height:34px;padding:0 10px;font-size:13px}.btn-md{height:45px;min-height:45px;padding:0 14px;font-size:15px}.btn-compact{height:41px;min-height:41px;padding:0 12px;font-size:14px}.btn-lg{height:50px;min-height:50px;padding:0 18px;font-size:16px}.btn-block{width:100%}.btn-primary{border-color:color-mix(in srgb, var(--accent) 82%, var(--border));color:var(--text-on-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, var(--absolute-white)fff 8%), color-mix(in srgb, var(--accent) 78%, var(--absolute-black)0 22%));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 22%, transparent), 0 6px 16px color-mix(in srgb, var(--accent) 28%, transparent)}.btn-primary:hover{border-color:color-mix(in srgb, var(--accent) 95%, var(--border));color:var(--text-on-accent);background:color-mix(in srgb, var(--accent) 90%, black);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 28%, transparent), 0 10px 24px color-mix(in srgb, var(--accent) 38%, transparent)}[data-theme=light] .btn-primary{border-color:color-mix(in srgb, var(--accent) 82%, var(--accent-blue-border) 18%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 72%, var(--absolute-white)fff 28%), color-mix(in srgb, var(--accent) 84%, var(--absolute-white)fff 16%))}.btn-secondary{background:color-mix(in srgb, var(--text) 18%, transparent);color:var(--text);border:none}.btn-secondary:hover{background:color-mix(in srgb, var(--text) 26%, transparent);color:var(--text)}.btn-success{border-color:var(--success);color:var(--text-on-success);background:var(--success)}.btn-success:hover{filter:brightness(1.2);color:var(--text-on-success);box-shadow:0 2px 12px color-mix(in srgb, var(--success) 45%, transparent)}.btn-danger{color:var(--text-on-danger);background:var(--danger);border-color:var(--danger)}.btn-danger:hover{filter:brightness(1.2);color:var(--text-on-danger);box-shadow:0 2px 12px color-mix(in srgb, var(--danger) 45%, transparent)}.btn-ghost{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, var(--absolute-black) 8%);color:var(--text);box-shadow:none;border-radius:8px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),opacity .12s}.btn-ghost:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb, var(--border) 70%, var(--accent) 30%);color:var(--text)}.btn-ghost:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);background:color-mix(in srgb, var(--card) 88%, var(--absolute-black) 12%);color:var(--text);outline:none}.btn-ghost:active:not(:disabled):not([aria-disabled=true]){opacity:1}.btn-ghost.is-disabled,.btn-ghost:disabled{background:var(--muted-bg);color:var(--muted);border-color:var(--border);opacity:.6;cursor:not-allowed}.btn-outline{border-color:var(--border);color:var(--text);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 10%, transparent), 0 4px 12px color-mix(in srgb, var(--accent) 14%, transparent);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 16%, transparent), 0 8px 18px color-mix(in srgb, var(--accent) 24%, transparent)}.btn-login{border-color:color-mix(in srgb, var(--accent-blue-soft) 62%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-blue-mid) 22%, transparent), color-mix(in srgb, var(--accent-blue-main) 12%, transparent));color:var(--absolute-white)fff;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 18%, transparent), 0 6px 18px color-mix(in srgb, var(--accent-blue-mid) 22%, transparent);padding:0 15px;transition:opacity .18s,box-shadow .2s,background .2s,border-color .2s}.btn-login:hover{border-color:color-mix(in srgb, var(--accent-blue-soft) 78%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-blue-mid) 34%, transparent), color-mix(in srgb, var(--accent-blue-main) 20%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 26%, transparent), 0 10px 24px color-mix(in srgb, var(--accent-blue-mid) 34%, transparent);color:var(--absolute-white)fff}.btn-login:focus-visible{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 28%, transparent), 0 0 0 2px color-mix(in srgb, var(--accent-blue-mid) 35%, transparent), 0 10px 24px color-mix(in srgb, var(--accent-blue-mid) 30%, transparent);outline:none}.btn-payment{color:#d8ebff;background:linear-gradient(135deg,#428bff3d,#2e61c729);border-color:#57a4ff8c;box-shadow:inset 0 1px #ffffff1f,0 6px 14px #428bff33}.btn-payment:hover{color:#f1f7ff;background:linear-gradient(135deg,#569dff57,#346edc42);border-color:#77baffd9;box-shadow:inset 0 1px #fff3,0 10px 22px #428bff4d}.btn-vip-payment{color:#ffeac1;background:linear-gradient(135deg,#c4881459,#70480c47);border-color:#e5af459e;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #bb7c0f42}.btn-vip-payment:hover{color:#fff4da;background:linear-gradient(135deg,#dca12875,#8a59105c);border-color:#f8c558e6;box-shadow:inset 0 1px #fff3,0 12px 26px #bb7c0f59}[data-theme=light] .btn-login{border-color:color-mix(in srgb, var(--accent) 82%, var(--accent-blue-deep-1) 18%);color:var(--text-dark);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, var(--absolute-white)fff 18%), color-mix(in srgb, var(--accent) 70%, var(--accent-blue-deep-2) 30%))}[data-theme=light] .btn-payment{color:#1f4eab;background:linear-gradient(135deg,#e9f3ff,#dcecff);border-color:#7ea8e6;box-shadow:inset 0 1px #fffc,0 8px 16px #428bff29}[data-theme=light] .btn-payment:hover{color:#173f8f;background:linear-gradient(135deg,#dcecff,#d0e5ff);border-color:#5f92de;box-shadow:inset 0 1px #fffffff2,0 10px 18px #428bff33}[data-theme=light] .btn-vip-payment{color:#6e4b09;background:linear-gradient(135deg,#ffefcb,#ffe3a2);border-color:#d4a43c;box-shadow:inset 0 1px #fffc,0 8px 16px #bb7c0f33}[data-theme=light] .btn-vip-payment:hover{color:#5d3f07;background:linear-gradient(135deg,#ffe7b4,#ffd98a);border-color:#c18b1f;box-shadow:inset 0 1px #fffffff2,0 12px 20px #bb7c0f42}.btn-link{color:var(--accent);background:0 0;border-color:#0000}.btn-link:hover{color:var(--accent);border-color:#0000;text-decoration:underline}.btn-icon-only{min-width:auto;padding:8px}.btn-icon-only.btn-sm{padding:6px}.btn-icon-only.btn-md{padding:8px}.btn-icon-only.btn-lg{padding:12px}.btn--h36{box-sizing:border-box;height:36px;min-height:36px;padding:0 14px}.btn--icon-36{box-sizing:border-box;border-radius:8px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.btn-radius-pill{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;font-weight:400;line-height:1.15;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .12s}.btn-radius-pill:not([aria-pressed=true]){border-color:var(--border);color:var(--text);background:color-mix(in srgb, var(--card) 92%, var(--muted-bg) 8%)}.btn-radius-pill:not([aria-pressed=true]):hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--card));color:var(--text)}.btn-radius-pill:not([aria-pressed=true]):active{opacity:1;transform:scale(.98)}.btn-radius-pill:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);outline:none}.btn-radius-pill[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 82%, var(--border));color:var(--text-on-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, var(--absolute-white)fff 8%), color-mix(in srgb, var(--accent) 78%, var(--absolute-black)0 22%));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 22%, transparent), 0 4px 14px color-mix(in srgb, var(--accent) 24%, transparent)}.btn-radius-pill[aria-pressed=true]:hover{border-color:color-mix(in srgb, var(--accent) 95%, var(--border));color:var(--text-on-accent);background:color-mix(in srgb, var(--accent) 90%, black);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--absolute-white)fff 28%, transparent), 0 6px 18px color-mix(in srgb, var(--accent) 30%, transparent)}[data-theme=light] .btn-radius-pill[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 82%, var(--accent-blue-border) 18%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 72%, var(--absolute-white)fff 28%), color-mix(in srgb, var(--accent) 84%, var(--absolute-white)fff 16%))}.btn-radius-pill.btn-sm{height:auto;min-height:0;padding:6px 12px;font-size:13px}.btn-radius-pill.btn-compact{height:auto;min-height:0;padding:7px 14px;font-size:14px}.btn-radius-pill.btn-md{height:auto;min-height:0;padding:8px 16px;font-size:15px}.btn-radius-pill.btn-lg{height:auto;min-height:0;padding:9px 18px;font-size:16px}