.btn-std{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);outline:none;text-decoration:none;line-height:1}.btn-std:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-std:disabled{pointer-events:none;opacity:.5}.btn-std svg{width:16px;height:16px;flex-shrink:0}.btn-std--default{background:var(--accent);color:#fff;padding:12px 28px;box-shadow:0 4px 14px rgba(0,102,255,.3)}.btn-std--default:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,102,255,.4)}.btn-std--default:active{transform:translateY(0)}.btn-std--default:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-std--cool{background:linear-gradient(to bottom,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));color:#fff;padding:12px 28px;border:solid color-mix(in srgb,var(--accent) 50%,#000);border-width:1px 1px 2px;box-shadow:0 4px 12px rgba(0,102,255,.25),0 1px 3px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-std--cool:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,102,255,.35),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.25)}.btn-std--cool:active{filter:brightness(.95);transform:translateY(1px);box-shadow:0 2px 6px rgba(0,102,255,.2),inset 0 2px 4px rgba(0,0,0,.15)}.btn-std--outline{background:transparent;color:var(--text);padding:12px 28px;border:1px solid var(--stroke)}.btn-std--outline:hover{background:var(--accent-glass);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-std--secondary{background:var(--glass);color:var(--text);padding:12px 28px;border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-std--secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-std--ghost{background:transparent;color:var(--text);padding:12px 28px}.btn-std--ghost:hover{background:var(--accent-glass);color:var(--accent);transform:translateY(-2px)}.btn-std--link{background:transparent;color:var(--accent);padding:0}.btn-std--link:hover{text-decoration:underline}.btn-std--sm{padding:8px 16px;font-size:12px;border-radius:8px}.btn-std--md{padding:12px 28px;font-size:14px}.btn-std--lg{padding:14px 36px;font-size:15px;border-radius:12px}.btn-std--icon{padding:10px;width:40px;height:40px}.btn-liquid{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:12px;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--text);background:transparent;border:none;padding:12px 28px;outline:none;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-liquid:focus-visible{border:2px solid var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn-liquid:disabled{pointer-events:none;opacity:.5}.btn-liquid svg{width:16px;height:16px;flex-shrink:0}.btn-liquid:before{content:"";position:absolute;inset:0;border-radius:12px;z-index:-1;box-shadow:0 0 6px rgba(0,0,0,.03),0 2px 6px rgba(0,0,0,.08),inset 3px 3px .5px -3px rgba(0,0,0,.9),inset -3px -3px .5px -3px rgba(0,0,0,.85),inset 1px 1px 1px -.5px rgba(0,0,0,.6),inset -1px -1px 1px -.5px rgba(0,0,0,.6),inset 0 0 6px 6px rgba(0,0,0,.12),inset 0 0 2px 2px rgba(0,0,0,.06),0 0 12px rgba(255,255,255,.15);transition:box-shadow .3s}[data-theme=dark] .btn-liquid:before{box-shadow:0 0 8px rgba(0,0,0,.03),0 2px 6px rgba(0,0,0,.08),inset 3px 3px .5px -3.5px rgba(255,255,255,.09),inset -3px -3px .5px -3.5px rgba(255,255,255,.85),inset 1px 1px 1px -.5px rgba(255,255,255,.6),inset -1px -1px 1px -.5px rgba(255,255,255,.6),inset 0 0 6px 6px rgba(255,255,255,.12),inset 0 0 2px 2px rgba(255,255,255,.06),0 0 12px rgba(0,0,0,.15)}.btn-liquid:after{content:"";position:absolute;inset:0;border-radius:12px;z-index:-1;backdrop-filter:url(#liquid-glass);-webkit-backdrop-filter:url(#liquid-glass);overflow:hidden}.btn-liquid:hover{transform:scale(1.05)}.btn-liquid--default{color:var(--accent)}.btn-liquid--sm{padding:8px 16px;font-size:12px}.btn-liquid--md{padding:12px 28px;font-size:14px}.btn-liquid--lg{padding:14px 36px;font-size:15px;border-radius:14px}.btn-liquid--xl{padding:16px 40px;font-size:16px;border-radius:14px}.btn-liquid--xxl{padding:20px 48px;font-size:17px;border-radius:14px}.metal-btn-wrapper{position:relative;display:inline-flex;border-radius:14px;padding:0;transform-origin:center center;will-change:transform;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none}.metal-btn-wrapper:active{transform:translateY(0) scale(.98)}.metal-btn-wrapper:hover:not(:active){transform:translateY(-2px)}.metal-btn-inner{display:none}.metal-btn{position:relative;z-index:10;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 28px;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;overflow:hidden;border:none;outline:none;transition:all .35s cubic-bezier(.23,1,.32,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;letter-spacing:.01em}.metal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metal-btn svg{width:16px;height:16px;flex-shrink:0}.metal-btn-glow,.metal-btn-shine{display:none}.metal-btn-wrapper--default{background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.metal-btn-wrapper--default .metal-btn{background:transparent;color:var(--text)}.metal-btn-wrapper--default:hover:not(:active){border-color:var(--accent);color:var(--accent)}.metal-btn-wrapper--default:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metal-btn-wrapper--primary{background:var(--accent);border:none;box-shadow:0 8px 30px rgba(0,102,255,.3)}.metal-btn-wrapper--primary .metal-btn{background:transparent;color:#fff}.metal-btn-wrapper--primary:hover:not(:active){box-shadow:0 12px 40px rgba(0,102,255,.4)}.metal-btn-wrapper--primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metal-btn-wrapper--gold{background:var(--accent);border:none;box-shadow:0 8px 30px rgba(0,102,255,.3)}.metal-btn-wrapper--gold .metal-btn{background:transparent;color:#fff}.metal-btn-wrapper--gold:hover:not(:active){box-shadow:0 12px 40px rgba(0,102,255,.4)}.metal-btn-wrapper--gold:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metal-btn-wrapper--success{background:#10b981;border:none;box-shadow:0 8px 30px rgba(16,185,129,.3)}.metal-btn-wrapper--success .metal-btn{background:transparent;color:#fff}.metal-btn-wrapper--success:hover:not(:active){box-shadow:0 12px 40px rgba(16,185,129,.4)}.metal-btn-wrapper--error{background:#ef4444;border:none;box-shadow:0 8px 30px rgba(239,68,68,.3)}.metal-btn-wrapper--error .metal-btn{background:transparent;color:#fff}.metal-btn-wrapper--error:hover:not(:active){box-shadow:0 12px 40px rgba(239,68,68,.4)}.metal-btn-wrapper--bronze{background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.metal-btn-wrapper--bronze .metal-btn{background:transparent;color:var(--text)}.metal-btn-wrapper--bronze:hover:not(:active){border-color:var(--accent);color:var(--accent)}.metal-btn--sm{height:36px;padding:0 16px;font-size:12px}.metal-btn--md{height:44px;padding:0 24px;font-size:14px}.metal-btn--lg{height:52px;padding:0 32px;font-size:15px}@media (max-width:600px){.btn-liquid,.btn-std{width:100%;justify-content:center}.metal-btn-wrapper,.metal-btn-wrapper .metal-btn{width:100%}}