.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-weight:600;letter-spacing:.01em;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm{padding:.4rem 1rem;font-size:var(--font-size-xs);height:32px}.btn-md{padding:.6rem 1.5rem;font-size:var(--font-size-sm);height:40px}.btn-lg{padding:.75rem 2rem;font-size:var(--font-size-base);height:48px}.btn-xl{padding:1rem 2.5rem;font-size:var(--font-size-lg);height:56px}.btn-primary{background:var(--gradient-primary);color:#fff!important;box-shadow:0 0 0 1px #1527cc80,0 4px 20px #1527cc40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #1527cc99,0 8px 28px #1527cc59;color:#fff!important;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 0 1px #1527cc66,0 2px 10px #1527cc33}.btn-cta{background:var(--gradient-cta);color:#fff!important;box-shadow:0 0 0 1px #ea580c80,0 4px 20px #ea580c4d}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ea580c99,0 8px 28px #ea580c66;color:#fff!important;filter:brightness(1.06)}.btn-cta:active{transform:translateY(0);box-shadow:0 0 0 1px #ea580c66,0 2px 10px #ea580c40}.btn-accent{background:var(--gradient-accent);color:var(--color-text-inverse);box-shadow:0 0 0 1px #38bdf866,0 4px 20px #38bdf833}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #38bdf880,0 8px 28px #38bdf84d;color:var(--color-text-inverse);filter:brightness(1.05)}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-outline:hover{background:#f8fafc0d;border-color:var(--color-primary-light);color:var(--color-primary-light);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:#1527cc14;color:var(--color-primary-light)}.btn-secondary{background:#1527cc1a;color:var(--color-primary-light);border:1px solid rgba(21,39,204,.2)}.btn-secondary:hover{background:#1527cc2e;border-color:#1527cc66;color:#fff;transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.btn.loading{pointer-events:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:btn-spin .8s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{display:flex;align-items:center;transition:transform var(--transition-base),opacity var(--transition-base)}.btn:hover .btn-icon{transform:translate(10px);opacity:0}.btn-arrow:after{content:"→";transition:transform var(--transition-fast)}.btn-arrow:hover:after{transform:translate(4px)}