.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}
